/* BRAINMED | tokens.css — brandbook 2026 */
:root {
  --forest-deep: #1B4332;
  --forest-mid: #2D6A4F;
  --forest-ink: #12301F;
  --warm-gold: #C5975B;
  --gold-light: #D4A574;
  --warm-cream: #F2F1EF;
  --warm-white: #FAF8F4;
  --near-black: #1A1A1E;
  --charcoal: #2C2C2E;

  --bg: var(--forest-deep);
  --bg-alt: var(--warm-cream);
  --bg-dark: var(--near-black);
  --card: var(--warm-white);
  --card-dark: var(--charcoal);
  --text-on-dark: var(--warm-cream);
  --text-on-dark-soft: rgba(242, 241, 239, 0.72);
  --text-on-dark-mute: rgba(242, 241, 239, 0.5);
  --text-on-light: #1F2A24;
  --text-on-light-soft: #5A655F;
  --accent: var(--warm-gold);
  --accent-soft: var(--gold-light);
  --hairline: rgba(212, 165, 116, 0.2);
  --hairline-strong: rgba(212, 165, 116, 0.42);
  --hairline-light: rgba(27, 67, 50, 0.14);

  --font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-body: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;

  --text-display-xl: clamp(2.7rem, 6.4vw, 5.4rem);
  --text-display: clamp(2.5rem, 5.4vw, 4.6rem);
  --text-h2: clamp(2rem, 3.8vw, 3.3rem);
  --text-h3: clamp(1.45rem, 2.2vw, 1.9rem);
  --text-lead: clamp(1.05rem, 1.35vw, 1.25rem);
  --text-body: 1.0625rem;
  --text-small: 0.9rem;
  --text-eyebrow: 0.72rem;

  --maxw: 1240px;
  --maxw-wide: 1480px;
  --gutter: clamp(20px, 4vw, 56px);
  --section-y: clamp(84px, 11vw, 150px);
  --section-y-tight: clamp(56px, 7vw, 96px);
  --radius: 4px;
  --radius-lg: 10px;

  --dur-fast: 0.22s;
  --dur: 0.5s;
  --dur-slow: 0.9s;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}