/* Mindflow v3 tokens — proposed. Core brand colors unchanged (navy, paper, citron, white). */
:root{
  /* Brand */
  --navy:#101f32;
  --navy-raised:#172943;
  --navy-line:#2a3b52;
  --citron:#e9fa60;
  --citron-hover:#dcef3a;
  --citron-tint:#f6fbd0;
  --citron-ink:#5b6600;          /* citron family, dark enough for text on paper (AA) */
  --white:#ffffff;
  --paper:#fafaf6;
  --stone:#f1f1ea;
  --stone-2:#e8e8df;
  /* Lines */
  --line:#e2e2d9;
  --line-strong:#c8c9bd;
  --line-navy:rgba(16,31,50,.18);
  /* Ink */
  --ink:#101f32;
  --ink-2:#3c4858;
  --ink-3:#566170;
  --on-dark:#d5dbe3;
  --on-dark-2:#aeb8c6;
  /* Feedback (one hue each, used only in forms/notes) */
  --error:#9b1c1c;
  --error-tint:#fbeaea;
  /* Type */
  --font-head:Manrope,'Manrope Fallback',sans-serif;
  --font-body:'DM Sans','DM Sans Fallback',sans-serif;
  --fs-display:clamp(44px,5.4vw,76px);
  --fs-h1:clamp(38px,4.6vw,64px);
  --fs-h2:clamp(30px,3.4vw,46px);
  --fs-h3:clamp(20px,1.6vw,23px);
  --fs-lead:clamp(18px,1.4vw,21px);
  --fs-body:17px;
  --fs-small:14px;
  --fs-label:12px;
  --fs-num:clamp(36px,4vw,56px);
  /* Space (4px base) */
  --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;
  --section-y:clamp(56px,8vw,112px);
  --section-y-sm:clamp(32px,5vw,64px);
  --gutter:clamp(20px,4vw,48px);
  --container:1200px;
  --measure:36em;
  /* Shape */
  --r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;
  /* Elevation (floating elements only) */
  --shadow-sm:0 1px 2px rgba(16,31,50,.06);
  --shadow-md:0 10px 24px rgba(16,31,50,.10);
  --shadow-lg:0 24px 48px rgba(16,31,50,.16);
  --shadow-dark:0 24px 48px rgba(0,0,0,.35);
  /* Motion */
  --t-fast:140ms ease;--t-base:220ms cubic-bezier(.2,.7,.2,1);
  /* Focus */
  --focus:0 0 0 3px var(--paper),0 0 0 6px var(--navy);
  --focus-dark:0 0 0 3px var(--navy),0 0 0 6px var(--citron);
}