:root {
      /* Public marketing palette; the protected voice page keeps inline tokens. */
      --page-canvas: #F5F3EE;
      --section-alt: #ECE9E2;
      --product-surface: #E8EEF4;
      --card-surface: #FFFFFF;
      --text-primary: #15181C;
      --text-muted: #59626C;
      --border-subtle: #D6D3CB;
      --border-product: #B8C5D3;
      --brand-blue-primary: #1D4ED8;
      --brand-blue-tint: #E7EFFB;
      --footer-surface: #DEDAD1;
      --bg: var(--page-canvas);
      --surface: var(--card-surface);
      --surface-elevated: var(--section-alt);
      --text: var(--text-primary);
      --text-secondary: var(--text-muted);
      --text-tertiary: #A8A29E;
      --border: var(--border-subtle);
      --border-strong: #C9CCC8;
      --accent: var(--brand-blue-primary);
      --accent-soft: var(--brand-blue-tint);
      --success: #15803D;
      --success-soft: #DCFCE7;
      --warning: #B45309;
      --warning-soft: #FEF3C7;
      --active: #7C3AED;
      --active-soft: #EDE9FE;
      --attention: #B91C1C;
      --attention-soft: #FEE2E2;
      --leadflow: var(--brand-blue-primary);
      --leadflow-soft: var(--brand-blue-tint);
      --neutral-soft: var(--section-alt);
      --shadow: 0 3px 6px rgba(17, 20, 24, .04), 0 10px 24px rgba(17, 20, 24, .06);
      --shadow-soft: 0 2px 5px rgba(17, 20, 24, .05);
      --radius: 8px;
      --space-1: 4px;
      --space-2: 8px;
      --space-3: 12px;
      --space-4: 16px;
      --space-5: 20px;
      --space-6: 24px;
      --space-8: 32px;
      --space-10: 40px;
      --space-12: 48px;
      --space-16: 64px;
      --space-20: 80px;
      color-scheme: light;
    }