/* Exact app token snapshot. Sources: app/palette.css, app/typography.css, app/styles.css.
   Refresh from those sources when the app identity changes; see docs/visual-audit.md. */
:root {
  --navy: #0f2d50;
  --teal: #14b8a6;
  --off-white: #f8f5ee;
  --charcoal: #1f2937;
  --coral: #ff7f6e;
  --navy-deep: #0a223d;
  --navy-wash: #e7edf2;
  --teal-deep: #08786d;
  --teal-wash: #ddf5f1;
  --coral-wash: #ffe4de;
  --line-brand: #d8e1e4;
  --muted-brand: #52616d;

  --bg: var(--off-white);
  --bg-soft: #fcfaf6;
  --card: #fff;
  --text: var(--charcoal);
  --muted: var(--muted-brand);
  --line: var(--line-brand);
  --primary: var(--navy);
  --primary-dark: var(--navy-deep);
  --secondary: var(--coral-wash);
  --success: var(--teal-deep);
  --warning: #985043;
  --danger: #a13b34;
  --shadow: 0 18px 40px rgba(15, 45, 80, .09);

  --club-plum: var(--navy);
  --club-ink: var(--charcoal);
  --club-coral: var(--coral);
  --club-peach: var(--coral-wash);
  --club-mint: var(--teal-wash);
  --club-lime: var(--teal);
  --club-lilac: var(--navy-wash);
  --club-cream: var(--off-white);
}

:root { --font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

:root {
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;
}

/* Marketing layout scales; brand values above remain identical to the app. */
:root {
  --container: 1240px;
  --editorial: 680px;
  --section-space: clamp(64px, 8vw, 112px);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --type-h1: clamp(40px, 4.7vw, 66px);
  --type-h2: clamp(32px, 3.4vw, 48px);
  --type-h3: clamp(22px, 2vw, 28px);
  --motion-fast: 180ms;
  --motion-normal: 260ms;
  --breakpoint-mobile: 767px;
  --breakpoint-nav: 1199px;
}