/* The Mental Gastric Bypass Program · design tokens
   Source of truth: the finished Pre-Op Check (preop-check/app.css). Values are copied, not invented.
   Fonts are self-hosted (no remote font services). Paths are relative to this file. */
@font-face{font-family:"Fraunces";src:url(fonts/fraunces.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(fonts/fraunces-italic.woff2) format("woff2");font-weight:400 600;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* ---- Color ---- */
  --ink:#14293A; --ink2:#2B4152; --muted:#56656E; --line:#E6DDCD; --line2:#D9CEB9;
  --paper:#FBF7F0; --cream:#F6EFE3; --white:#FFFDF9;
  --navy:#10283A; --navy2:#173449;
  --teal:#1E6F6C; --teal-d:#14514F; --teal2:#2E8C87; --teal-soft:#E7F1EF;
  --gold:#B8862E; --gold-d:#8A6420; --gold-l:#E2B85C; --gold-soft:#F7EBD3;
  --coral:#BE4F36; --coral-d:#A2432F; --coral-soft:#F7E3DC;
  --green:#2F7D4F; --green-soft:#E3F1E7; --amber:#B7791F; --amber-soft:#FBF0D9; --red:#B23A2B; --red-soft:#F8E1DD;
  --on-navy:#F6EFE3; --on-navy-muted:#A9B8C2;

  /* ---- Type ---- */
  --serif:"Fraunces", Georgia, "Times New Roman", serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-hero:44px; --fs-h1:30px; --fs-h2:22px; --fs-h3:21px;
  --fs-lead:17.5px; --fs-body:16px; --fs-ui:15px; --fs-small:13.5px; --fs-tiny:13px; --fs-kicker:12.5px;
  --lh-tight:1.12; --lh-body:1.6;

  /* ---- Space (4px grid) ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:28px; --s8:32px;
  --pad-x:22px;            /* screen side padding in flow tools */

  /* ---- Radius ---- */
  --r:18px; --r-sm:12px; --r-md:16px; --r-lg:22px; --r-xl:28px; --r-pill:999px;

  /* ---- Shadow ---- */
  --sh-card:0 12px 30px -22px rgba(20,41,58,.35);
  --sh-lift:0 18px 40px -26px rgba(20,41,58,.35);
  --sh-sheet:0 0 0 1px rgba(20,41,58,.06),0 40px 90px -30px rgba(16,40,58,.45),0 16px 30px -18px rgba(16,40,58,.25);
  --sh-btn:0 5px 0 var(--teal-d),0 14px 28px -10px rgba(30,111,108,.55);

  /* ---- Motion ---- */
  --ease:cubic-bezier(.2,.8,.2,1); --spring:cubic-bezier(.34,1.56,.64,1);
  --dur-fast:.12s; --dur:.32s; --dur-screen:.52s;

  /* ---- Layout ---- */
  --tap:44px;              /* minimum touch target */
  --sheet-w:480px; --dock-h:112px;
}