/*
Theme Name:   onebrand Divi 5 Production Base
Description:  Reusable Divi 5 child theme for onebrand client projects.
Author:       onebrand.com
Author URI:   https://onebrand.com
Template:     Divi
Version:      2.1.1
Text Domain:  onebrand-divi5-production-base
*/

/* ==========================================================================
   CLIENT TOKENS

   These values are neutral placeholders. Resolve the client palette and type
   before page production, then synchronize the same values in:

   1. This :root block.
   2. theme.json.
   3. Divi 5 Design Variables.

   Divi modules use Design Variables. Fluent Forms and custom components use
   these CSS variables. Keeping both systems synchronized is required.
   ========================================================================== */
:root {
	--client-primary: #1F2429;
	--client-secondary: #9B111E;
	--client-accent: #C8102E;
	--client-bg: #FFFFFF;
	--client-surface: #F4F7F9;
	--client-text: #1F2429;
	--client-muted: #5E6A71;
	--client-border: #dce2e5;
	--client-error: #b3261e;

	--client-font-heading: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
	--client-font-body: 'Barlow', 'Helvetica Neue', Arial, sans-serif;

	/* Approved fluid type scale, 375px to 1440px viewport range. */
	--client-text-sm: clamp(0.875rem, 0.83rem + 0.19vw, 1rem);
	--client-text-base: clamp(1rem, 0.89rem + 0.47vw, 1.3125rem);
	--client-text-lg: clamp(1.25rem, 1.11rem + 0.59vw, 1.64rem);
	--client-text-xl: clamp(1.5rem, 1.29rem + 0.9vw, 2.1rem);
	--client-text-2xl: clamp(2.25rem, 1.89rem + 1.55vw, 3.28rem);
	/* A project may add --client-text-3xl only when three distinct large
	   heading levels are visually required and explicitly approved. Synchronize
	   the sixth value in theme.json and Divi Design Variables at the same time. */

	/* Approved fluid spacing rhythm. */
	--client-space-xs: clamp(0.5rem, 0.41rem + 0.38vw, 0.75rem);
	--client-space-sm: clamp(0.75rem, 0.57rem + 0.75vw, 1.25rem);
	--client-space-md: clamp(1.25rem, 0.9rem + 1.5vw, 2.25rem);
	--client-space-lg: clamp(2rem, 1.3rem + 3vw, 4rem);
	--client-space-xl: clamp(3rem, 1.94rem + 4.5vw, 6rem);

	/* onebrand master alignment grid. */
	--client-row-width: 95%;
	--client-row-max-width: 1450px;
	--client-reading-width: 760px;

	/* Reusable component decisions. */
	--client-radius-sm: 3px;
	--client-radius-md: 10px;
	--client-radius-lg: 14px;
	--client-shadow-sm: 0 2px 12px rgba(22, 38, 48, 0.08);
	--client-shadow-md: 0 12px 34px rgba(22, 38, 48, 0.14);
	--client-focus-ring: 0 0 0 3px color-mix(in srgb, var(--client-primary) 32%, transparent);
}