/* ==========================================================================
   COMPANY OF PROFITS — DESIGN TOKENS
   Source of truth: Strategic Core + Brand Manifest (Sept 2026)
   ========================================================================== */

:root {
  /* ---- Brand colors (approved, do not alter) ---- */
  --ink:        #06202B; /* dark green — primary dark surface / primary text on light */
  --signal:     #00D77F; /* light green — primary action / primary accent */
  --charge:     #AEFC49; /* light yellow-green — secondary accent, used sparingly */
  --spirit:     #9C8BE7; /* purple — reserved for prophetic / discernment moments */

  /* ---- Neutrals built around the brand ink ---- */
  --paper:      #FAFCF9; /* near-white with the faintest green breath, page background */
  --paper-dim:  #F0F3EF; /* slightly deeper paper, for alternating sections */
  --ink-70:     rgba(6, 32, 43, 0.72);
  --ink-45:     rgba(6, 32, 43, 0.45);
  --ink-18:     rgba(6, 32, 43, 0.14);
  --ink-08:     rgba(6, 32, 43, 0.07);
  --line-on-ink: rgba(255, 255, 255, 0.16);
  --line-on-ink-soft: rgba(255, 255, 255, 0.09);
  --on-ink-70:  rgba(255, 255, 255, 0.72);
  --on-ink-50:  rgba(255, 255, 255, 0.52);

  /* ---- Type families ---- */
  --font-display: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;

  /* ---- Type scale (major third-ish, editorial) ---- */
  --fs-hero:     clamp(2.75rem, 2.05rem + 3.2vw, 4.75rem);
  --fs-h1:       clamp(2.25rem, 1.75rem + 2.2vw, 3.5rem);
  --fs-h2:       clamp(1.75rem, 1.45rem + 1.3vw, 2.5rem);
  --fs-h3:       clamp(1.3rem, 1.15rem + 0.6vw, 1.65rem);
  --fs-lede:     clamp(1.125rem, 1.03rem + 0.4vw, 1.375rem);
  --fs-body:     1.0625rem;
  --fs-small:    0.9rem;
  --fs-micro:    0.8rem;

  --lh-tight:    1.08;
  --lh-snug:     1.25;
  --lh-normal:   1.5;
  --lh-relaxed:  1.65;

  /* ---- Spacing scale ---- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 5.5rem;
  --sp-10: 8rem;

  --section-pad-y: clamp(4rem, 3.2rem + 4vw, 8rem);
  --container-w: 1264px;
  --container-narrow: 760px;
  --gutter: clamp(1.25rem, 0.9rem + 1.6vw, 2.5rem);

  /* ---- Shape ---- */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 14px;
  --hairline: 1px solid var(--ink-18);
  --hairline-on-ink: 1px solid var(--line-on-ink);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-med: 420ms;

  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-med: 0ms; }
}