/* Design tokens — mirror of brand-guidelines. Change here, not in components. */

:root {
  /* Colors */
  --primary-deep: #0F3C4C;
  --primary-ink: #0A2933;
  --primary-muted: #1E5B70;

  --accent: #D7572B;
  --accent-hover: #B8441F;
  --accent-soft: #F7E2D7;

  --canvas: #FBF7F2;
  --surface: #FFFFFF;
  --rule: #E6DFD4;
  --rule-strong: #CEC4B2;

  --text: #0A2933;
  --text-muted: #5A6A72;
  --text-on-dark: #F4EDE1;

  --success: #2E7D32;
  --success-soft: #E6F1E7;
  --error: #B4342C;
  --error-soft: #F6E2E0;

  /* Type */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;

  --fs-h1: clamp(2.25rem, 5vw, 3.5rem);
  --fs-h2: clamp(1.75rem, 3.5vw, 2.5rem);
  --fs-h3: 1.375rem;
  --fs-h4: 1.125rem;
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-eyebrow: 0.8125rem;

  --lh-display: 1.15;
  --lh-body: 1.6;
  --lh-tight: 1.35;

  /* Space — 8px grid */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* Radii */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-pill: 999px;

  /* Shadow — kept subtle */
  --sh-1: 0 1px 2px rgba(10, 41, 51, 0.04), 0 1px 3px rgba(10, 41, 51, 0.06);
  --sh-2: 0 4px 12px rgba(10, 41, 51, 0.08);
  --sh-3: 0 10px 30px rgba(10, 41, 51, 0.12);

  /* Layout */
  --container: 1120px;
  --container-narrow: 760px;
  --header-h: 80px;
  --mobile-cta-h: 68px;

  /* Motion */
  --t-fast: 150ms ease;
  --t-med: 200ms ease-out;
}