/* masa brand tokens for the portal — FLASK-DARK reskin (Jul 17 2026; mirrors
   site/assets/css/azul-tokens.css dark ground). Was the light NOCHE theme. Accent = flask cyan
   #92DCE5 (single accent); actions keep dark-text-on-accent via --oncolor/--onchip = #191919.
   Var NAMES kept so portal.css/script.css inherit without churn. */
@font-face{font-family:"MasaHand";font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/masahand.woff) format("woff");}
/* ⚑ FONTS (Jul 17) — the site's Outfit (body) + Cal Sans (display), so every masa surface shares
   one design language. */
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/outfit-var.woff2) format("woff2");}
@font-face{font-family:"CalSans";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(../fonts/calsans.woff2) format("woff2");}
:root{
  --g:var(--masa-bg,#191919); --panel:var(--masa-surface,#232323); --sunk:var(--masa-sunk,#2A2A2A); --line:var(--masa-line,rgba(250,250,250,.14));
  --ink:var(--masa-ink,#FAFAFA); --soft:var(--masa-soft,#A1A1AA);
  --ok:var(--masa-ok,#7FD1A7); --warn:var(--masa-warn,#E8BE6B); --err:var(--masa-err,#EC8E8E); /* semantic status: done / in-progress / error (cyan stays "needs you") */
  --accent:var(--masa-accent,#92DCE5); --accent-d:var(--masa-accent-h,#6EC1CE); --oncolor:var(--masa-on-accent,#191919);
  --chip:var(--masa-accent,#92DCE5); --chip-d:var(--masa-accent-h,#6EC1CE); --onchip:var(--masa-on-accent,#191919);
  --gold:var(--masa-warn,#E8BE6B); --coral:var(--masa-accent,#92DCE5); --teal:var(--masa-accent,#92DCE5); --teal-d:var(--masa-accent,#92DCE5);
  /* milestone posters are printed OBJECTS (like receipts): same ink in both themes —
     a deliberate warm printed artifact, kept as-is through the flask reskin. */
  --poster-gold:#6A4F0E; --poster-teal:#275A50; --poster-indigo:#3D52AC;
  --poster-ink:#F5EFDD; --poster-sig:#F3CDA1;
  /* FLAT (Juan's call Jul 11 2026): NO card shadows — separation = tint contrast, border = state. */
  --clay:none;
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --spring:cubic-bezier(.34,1.38,.5,1);
  --r-card:24px; --r-sm:14px; --r-pill:999px;
  --r-dough:62% 38% 55% 45% / 58% 52% 48% 42%;
  --font-body:"Outfit",ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-disp:"CalSans",ui-sans-serif,-apple-system,sans-serif;
  --font-hand:"MasaHand","Snell Roundhand","Brush Script MT",cursive;
  --disp-case:lowercase;
}
/* default is flask-dark now (dark-only, Juan) — the OS-dark block matches :root */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --g:var(--masa-bg,#191919); --panel:var(--masa-surface,#232323); --sunk:var(--masa-sunk,#2A2A2A); --line:var(--masa-line,rgba(250,250,250,.14));
    --ink:var(--masa-ink,#FAFAFA); --soft:var(--masa-soft,#A1A1AA);
  --ok:var(--masa-ok,#7FD1A7); --warn:var(--masa-warn,#E8BE6B); --err:var(--masa-err,#EC8E8E); /* semantic status: done / in-progress / error (cyan stays "needs you") */
    --accent:var(--masa-accent,#92DCE5); --accent-d:var(--masa-accent-h,#6EC1CE); --oncolor:var(--masa-on-accent,#191919);
    --gold:var(--masa-warn,#E8BE6B); --coral:var(--masa-accent,#92DCE5); --teal:var(--masa-accent,#92DCE5); --teal-d:var(--masa-accent,#92DCE5);
    --clay:none;
  }
}
/* dormant light theme (kept behind an explicit data-theme=light; the toggle is gone) */
:root[data-theme="light"]{
  --g:#FFFFFF; --panel:#F2F4FD; --sunk:#E8ECFB; --line:#DBE1F4;
  --ink:#0A1045; --soft:#3D4368;
  --ok:#1B7A56; --warn:#A56A15; --err:#B23B3B;
  --accent:#4A5FB8; --accent-d:#3D52AC; --oncolor:#FFFFFF;
  --gold:#A56A15; --coral:#C4572F; --teal:#0F8B8D; --teal-d:#0A6B6E;
}
:root[data-theme="dark"]{
  --g:var(--masa-bg,#191919); --panel:var(--masa-surface,#232323); --sunk:var(--masa-sunk,#2A2A2A); --line:var(--masa-line,rgba(250,250,250,.14));
  --ink:var(--masa-ink,#FAFAFA); --soft:var(--masa-soft,#A1A1AA);
  --ok:var(--masa-ok,#7FD1A7); --warn:var(--masa-warn,#E8BE6B); --err:var(--masa-err,#EC8E8E); /* semantic status: done / in-progress / error (cyan stays "needs you") */
  --accent:var(--masa-accent,#92DCE5); --accent-d:var(--masa-accent-h,#6EC1CE); --oncolor:var(--masa-on-accent,#191919);
  --gold:var(--masa-warn,#E8BE6B); --coral:var(--masa-accent,#92DCE5); --teal:var(--masa-accent,#92DCE5); --teal-d:var(--masa-accent,#92DCE5);
  --clay:none;
}
