/* ===================================================================
   tokens.css — Conversera design tokens (locked visual system)
   Source of truth: PROMPT 2 — Website Build Brief, Section 2
   =================================================================== */

:root {
  /* ---------- Colour palette ---------- */

  /* Primary palette */
  --color-navy: #1F3A5F;          /* Wordmark, headers, CTAs */
  --color-cream: #F5F2EC;         /* Default background, callouts */
  --color-charcoal: #2D2D2D;      /* Body copy, secondary headers */
  --color-white: #FFFFFF;         /* Alternative background */

  /* Secondary palette — used sparingly */
  --color-oxblood: #8B2E2E;       /* Caution / boundary moments only */
  --color-forest: #2E5D3D;        /* Affirmation moments only */
  --color-brass: #B08742;         /* Premium emphasis / methodology callouts */
  --color-slate: #5A6B7D;         /* Captions, metadata, supporting copy */

  /* Programmatic tints */
  --color-navy-80: rgba(31, 58, 95, 0.8);
  --color-navy-60: rgba(31, 58, 95, 0.6);
  --color-navy-40: rgba(31, 58, 95, 0.4);
  --color-navy-20: rgba(31, 58, 95, 0.2);
  --color-navy-10: rgba(31, 58, 95, 0.1);

  --color-cream-warm: #F0EBE0;
  --color-cream-cool: #F8F5EF;

  --color-charcoal-80: rgba(45, 45, 45, 0.8);
  --color-charcoal-60: rgba(45, 45, 45, 0.6);

  /* ---------- Typography ---------- */

  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* Type scale (modular, base 16px) */
  --text-xs: 0.75rem;       /* 12px */
  --text-sm: 0.875rem;      /* 14px */
  --text-base: 1rem;        /* 16px */
  --text-md: 1.125rem;      /* 18px */
  --text-lg: 1.375rem;      /* 22px */
  --text-xl: 1.75rem;       /* 28px */
  --text-2xl: 2.5rem;       /* 40px */
  --text-3xl: 3.5rem;       /* 56px */
  --text-4xl: 4.5rem;       /* 72px (desktop hero only) */

  /* Line heights */
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --leading-loose: 1.75;

  /* Letter spacing */
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.05em;

  /* ---------- Spacing (8-point grid) ---------- */

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;
  --space-9: 10rem;

  /* ---------- Layout ---------- */

  --container-max: 1200px;
  --container-narrow: 800px;
  --container-wide: 1440px;
  --gutter: 2rem;
  --gutter-mobile: 1.25rem;

  /* ---------- Borders ---------- */

  --border-default: 1px solid var(--color-navy-20);
  --border-strong: 2px solid var(--color-navy);
  --radius-input: 4px;
  --radius-card: 0;

  /* ---------- Transitions ---------- */

  --transition-fast: 150ms ease;
  --transition-default: 250ms ease;
}