:root {
  --r: 14px;
  /* Brand Color Palette */
  --color-ink: #191847;                 /* Primary text, headlines, logo, body base */
  --color-signal: #F0566E;              /* Primary CTA, active links, eyebrow, bullet, highlight */
  --color-signal-hover: #E03C58;        /* Hover state for coral elements */
  
  --color-panel-dark: #161534;          /* Dark section background */
  --color-panel-darker: #101025;        /* Alternative dark background / footer */
  --color-panel-line: rgba(255, 255, 255, 0.13); /* Borders/dividers on dark panels */
  
  --color-paper: #FFFFFF;               /* Base page background, card backgrounds */
  --color-mist: #EEF1F6;                 /* Light section background, hero gradient */
  --color-bone: #F7F8FB;                 /* Secondary light section background */
  
  --color-line: #E6E8EE;                 /* Borders/dividers on light backgrounds */
  --color-line-soft: #EFF1F6;            /* Lighter border variant, header border */
  
  --color-muted: #5A6072;                /* Body/secondary text on light backgrounds */
  --color-muted-2: #8A90A2;              /* Tertiary text, labels, eyebrow text */

  /* White text hierarchy on dark backgrounds */
  --color-white-text-1: #FFFFFF;
  --color-white-text-2: #A9AFC7;
  --color-white-text-3: #B7BCD0;
  --color-white-text-4: #C9CDE3;
  --color-white-text-5: #D7DAEA;

  /* Coral accent variants for dark backgrounds */
  --color-coral-dark-1: #FF8DA0;
  --color-coral-dark-2: #FF9FAF;
  --color-coral-dark-3: #FFC2CC;

  /* Typography */
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Font Sizes */
  --font-size-display: clamp(2.2rem, 5vw, 4.2rem);
  --font-size-h2: clamp(2rem, 3.6vw, 3rem);
  --font-size-h3: clamp(1.5rem, 4vw, 2.3rem);
  --font-size-h4: clamp(1.3rem, 3vw, 1.5rem);
  --font-size-body-lg: clamp(1.05rem, 2vw, 1.18rem);
  --font-size-body-base: 1rem;
  --font-size-body-sm: clamp(0.875rem, 1.8vw, 0.95rem);
  --font-size-eyebrow: clamp(0.7rem, 1.5vw, 0.82rem);
  --font-size-nav: 0.82rem;

  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Letter Spacing (Tracking) */
  --tracking-display: -0.025em;         /* Tight */
  --tracking-h2: -0.015em;              /* Tight */
  --tracking-h3: -0.015em;              /* Tight */
  --tracking-h4: -0.01em;               /* Tight */
  --tracking-eyebrow: 0.17em;           /* Wide */
  --tracking-nav: 0.1em;                /* Wide */

  /* Spacing Grid */
  --space-xs: 0.25rem;   /* 4px */
  --space-sm: 0.5rem;    /* 8px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2rem;      /* 32px */
  --space-xxl: 3rem;     /* 48px */
  --space-3xl: 4.5rem;   /* 72px */
  --space-4xl: 6rem;     /* 96px */

  /* Borders & Shadows */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgba(25, 24, 71, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(25, 24, 71, 0.08), 0 2px 4px -1px rgba(25, 24, 71, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(25, 24, 71, 0.08), 0 4px 6px -2px rgba(25, 24, 71, 0.04);

  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 250ms ease-in-out;

  /* Layout Grid constraints */
  --container-width: 1200px;

  /* Shorthand aliases for design-specific style compatibility */
  --ink: var(--color-ink);
  --paper: var(--color-paper);
  --mist: var(--color-mist);
  --bone: var(--color-bone);
  --panel: var(--color-panel-dark);
  --signal: var(--color-signal);
  --signal-h: var(--color-signal-hover);
  --line: var(--color-line);
  --line-soft: var(--color-line-soft);
  --muted: var(--color-muted);
  --muted-2: var(--color-muted-2);
  --panel-line: var(--color-panel-line);
  --maxw: 1240px;
  --font: var(--font-family);
  --tr-display: var(--tracking-display);
  --tr-heading: var(--tracking-h2);
  --tr-body: 0em;
  --tr-label: var(--tracking-eyebrow);

  /* Typography Scale variables for newer page components */
  --d-1: 4rem;      /* 64 */
  --d-2: 3rem;      /* 48 (display small) */
  --h-1: 3rem;      /* 48 */
  --h-2: 2.5rem;    /* 40 */
  --h-3: 2rem;      /* 32 */
  --h-4: 1.5rem;    /* 24 */
  --b-lg: 1.125rem; /* 18 */
  --b-md: 1rem;     /* 16 */
  --b-sm: .875rem;  /* 14 */
}