/* ==========================================================================
   ONE ENVOY PRESENCE — DESIGN TOKENS
   Source of truth: approved design system (colors, type, spacing, layout).
   Do not hardcode raw values in component/section CSS — reference these.
   ========================================================================== */

:root {
  /* ---- Color: primary / secondary / accent ---- */
  --color-primary: #2F6F50;
  --color-primary-600: #24564A;
  --color-primary-100: #E4EEEB;
  --color-primary-50: #F1F6F4;

  --color-secondary: #12241F;
  --color-secondary-700: #1A322B;

  --color-accent: #C1A24A;
  --color-tertiary: #77897E;
  --color-accent-600: #7A6229;
  --color-accent-100: #F5EDDA;

  /* ---- Color: backgrounds ---- */
  --color-bg-default: #F7F4EE;
  --color-bg-subtle: #F0ECE3;
  --color-bg-dark: #12241F;
  --color-bg-dark-subtle: #1A322B;

  /* ---- Color: text ---- */
  --color-text-primary: #26332E;
  --color-text-inverse: #F7F4EE;
  --color-text-muted: #5C6B65;
  --color-text-muted-inverse: #9FB0AA;

  /* ---- Color: borders ---- */
  --color-border-default: #DFDACE;
  --color-border-dark: #2A4038;
  --color-border-focus: #C1A24A;

  /* ---- Color: states ---- */
  --color-error: #A6543A;
  --color-error-bg: #F5E6E1;

  /* ---- Typography ---- */
  --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-body: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-display: clamp(1.8rem, 1rem + 3vw, 3.2rem);
  --text-h1: clamp(2rem, 1.35rem + 2.8vw, 3rem);
  --text-h2: clamp(1.65rem, 1.35rem + 1.3vw, 2.25rem);
  --text-h3: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);
  --text-body-lg: clamp(1.05rem, 1rem + 0.2vw, 1.25rem);
  --text-body: 1rem;
  --text-caption: 0.875rem;
  --text-label: 0.9375rem;
  --text-eyebrow: 0.8125rem;

  /* ---- Spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-11: 160px;

  /* ---- Layout ---- */
  --max-content: 1280px;
  --max-text: 720px;
  --max-wide: 1440px;
  --gutter: 24px;

  --section-py-lg: clamp(64px, 8vw, 128px);
  --section-py: clamp(48px, 6vw, 96px);

  /* ---- Radius / motion ---- */
  --radius: 6px;
  --transition-fast: 200ms ease;
  --transition-base: 300ms ease-out;
}