/* GENERATED by scripts/build-chrome.mjs from public/pages/home/home.css — do not edit.
   Run npm run build:chrome after changing the tokens there.

   One palette. Style from the semantic names — --surface-primary,
   --text-secondary, --elev-2 — rather than the raw ones underneath them. */
:root{--bg:#F2F3FA; --surface:#FFFFFF;
  --surface-2:color-mix(in srgb,#454E71 6%,#F2F3FA);
  --surface-3:color-mix(in srgb,#454E71 12%,#F2F3FA);
  --ink:#0B0E1E; --ink-2:color-mix(in srgb,#0B0E1E 45%,#454E71); --mute:#454E71;
  --line:color-mix(in srgb,#454E71 16%,#F2F3FA); --line-2:color-mix(in srgb,#454E71 28%,#F2F3FA);
  
  --flag-saffron:#FF9933; --flag-green:#138808; --flag-navy:#000080;
  --flag-red:#DD0000; --flag-gold:#FFCE00; --flag-peru:#D91023;
  --flag-stripe-night:linear-gradient(90deg,#FF9933 0 11.1%,#FFFFFF 11.1% 22.2%,#138808 22.2% 33.3%,color-mix(in srgb,#000000 74%,#EEF1FB) 33.3% 44.4%,#DD0000 44.4% 55.5%,#FFCE00 55.5% 66.6%,#D91023 66.6% 77.7%,#FFFFFF 77.7% 88.8%,#D91023 88.8% 100%);
  --flag-stripe-day:linear-gradient(90deg,#FF9933 0 11.1%,color-mix(in srgb,#454E71 22%,#FFFFFF) 11.1% 22.2%,#138808 22.2% 33.3%,#000000 33.3% 44.4%,#DD0000 44.4% 55.5%,#FFCE00 55.5% 66.6%,#D91023 66.6% 77.7%,color-mix(in srgb,#454E71 22%,#FFFFFF) 77.7% 88.8%,#D91023 88.8% 100%);
  --flag-stripe:var(--flag-stripe-day);
  --violet:#813EEB; --violet-2:#8A4BF5; --deep:#5B21B6; --night:#0F1220;
  --lav:color-mix(in srgb,#C9AAFF 28%,#FFFFFF);
  --gold:#F0C442; --green:#10B981; --blue:#06B6D4; --rose:#FF7A29;
  --orange:#FF7A29;

  
  --surface-page:var(--bg);
  --surface-primary:var(--surface);
  --surface-secondary:var(--surface-2);
  --surface-tertiary:var(--surface-3);
  --border-subtle:var(--line);
  --border-strong:var(--line-2);
  --text-primary:var(--ink);
  --text-secondary:var(--ink-2);
  --text-muted:var(--mute);
  --brand-primary:var(--violet);
  --brand-accent:var(--gold);
  --brand-positive:var(--green);
  
  --brand-accent-ink:color-mix(in srgb,#F0C442 42%,#0B0E1E);

  
  --elev-0:none;
  --elev-1:0 1px 2px rgba(15,18,32,.05);
  --elev-2:0 4px 16px rgba(15,18,32,.07);
  --elev-3:0 10px 34px rgba(15,18,32,.10);
  --elev-4:0 24px 64px rgba(15,18,32,.16);

  
  --z-header:40; --z-support:60; --z-drawer-back:65; --z-drawer:70;
  --z-progress:80; --z-world-back:900; --z-world:910; --z-world-nav:930;
  
  
  --font:Poppins,"Poppins fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:Lora,Georgia,serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --fs-hero:clamp(40px,5.2vw,68px);
  --fs-h2:clamp(26px,3vw,38px);
  
  --r:18px; --r-s:10px; --r-xs:6px;
  --shadow:0 20px 60px rgba(15,18,32,.12);
  --shadow-2:0 2px 12px rgba(15,18,32,.06);
  
  --max:none; --gutter:clamp(20px,4vw,48px);
  --ease:cubic-bezier(.2,.7,.2,1);}
:root[data-theme="dark"],[data-chrome="dark"]{--bg:#04050A; --surface:#0F1220;
    --surface-2:color-mix(in srgb,#EEF1FB 5%,#0F1220);
    --surface-3:color-mix(in srgb,#EEF1FB 9%,#0F1220);
    --lav:color-mix(in srgb,#8A4BF5 22%,#0F1220);
    --ink:#EEF1FB; --ink-2:#9AA3C2; --mute:color-mix(in srgb,#9AA3C2 55%,#6E7796);
    --line:color-mix(in srgb,#EEF1FB 10%,#0F1220); --line-2:color-mix(in srgb,#EEF1FB 17%,#0F1220);
    --violet:#8A4BF5; --violet-2:#C9AAFF; --green:#3DF0A0;
    --flag-stripe:var(--flag-stripe-night);
    
    --elev-1:0 1px 2px rgba(0,0,0,.4);
    --elev-2:0 4px 16px rgba(0,0,0,.42);
    --elev-3:0 10px 34px rgba(0,0,0,.48);
    --elev-4:0 24px 64px rgba(0,0,0,.58);
    
    --brand-accent-ink:#F0C442;
    --shadow:0 20px 60px rgba(0,0,0,.45); --shadow-2:0 2px 12px rgba(0,0,0,.3);}