/* APIcultura Design System v2 — tokens. Claro e escuro por variáveis.
   Tema: prefers-color-scheme + [data-theme="light|dark"] no <html>. */
:root{
  --f-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-ui:'Poppins','Inter',system-ui,sans-serif;
  --f-mono:ui-monospace,'JetBrains Mono','SF Mono',Menlo,Consolas,monospace;
  --r-xs:8px;--r-sm:12px;--r-md:20px;--r-lg:28px;--r-xl:40px;--r-pill:999px;
  --ease-out:cubic-bezier(.22,.8,.26,1);--ease-expo:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.6,0,.2,1);--ease-soft:cubic-bezier(.2,.55,.35,1);
  --t-fast:.18s;--t-med:.5s;--t-slow:.9s;
  --wrap:1180px;--gutter:clamp(16px,4vw,32px);
  --z-nav:50;--z-modal:80;--z-toast:90;--z-tip:95;
  /* fixos (iguais nos dois temas) */
  --good:#1F8F55;--good-soft:#DDF3E6;--warn:#B7650B;--warn-soft:#FBE6CC;--bad:#C0392B;--bad-soft:#F9DAD6;--info:#2F6FB5;--info-soft:#DCE9F7;
  --honey-1:#FFD36B;--honey-2:#F5A300;--honey-3:#C77800;--wax:#FFE9B0;--comb:#E8A317;
  --ui-bg:#FFFBF1;--ui-card:#FFFFFF;--ui-ink:#2A1A00;--ui-soft:#7A6842;--ui-line:#F0E3C2;--ui-side:#3A2400;
}
:root,:root[data-theme="light"]{
  color-scheme:light;
  --bg:#FFFAEE;--bg-2:#FFF3D6;--paper:#FFFFFF;--ink:#2A1A00;--text:#3A2A10;--text-soft:#6B5A3C;--text-mute:#85755A;
  --accent:#F5A300;--accent-strong:#A65F00;--accent-soft:#FFF1CC;--accent-glow:rgba(245,163,0,.42);
  --line:#F0E3C2;--line-2:#E6D3A3;
  --glass:rgba(255,255,255,.66);--glass-2:rgba(255,255,255,.86);--glass-bg:var(--glass);--glass-hi:inset 0 1px 0 var(--glass-line);--glass-line:rgba(255,255,255,.7);--glass-edge:rgba(120,80,0,.10);
  --btn-from:#4A2E00;--btn-to:#2A1A00;--btn-text:#FFFFFF;
  --hero-glow:rgba(255,190,60,.55);--aur-1:rgba(255,196,70,.55);--aur-2:rgba(255,140,40,.32);--aur-3:rgba(255,230,150,.7);
  --arc:rgba(230,150,0,.55);--hex-line:rgba(190,120,0,.22);--hex-fill:rgba(245,163,0,.10);
  --night:#2A1A00;--on-night:#FFF4DB;
  --sh-sm:0 4px 16px rgba(60,38,0,.07);--sh:0 18px 50px -18px rgba(60,38,0,.28);--sh-lg:0 40px 90px -30px rgba(60,38,0,.4);
  --code-bg:#2A1A00;--code-text:#FFE9B8;--code-key:#FFC95C;--code-str:#9BE0B0;--code-num:#8CC8FF;--code-mute:#9C8A63;
  --grain:.05;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#130E04;--bg-2:#1B1407;--paper:#211809;--ink:#FFF4DB;--text:#F3E6C4;--text-soft:#C5B48C;--text-mute:#9C8C68;
  --accent:#FFB524;--accent-strong:#FFC95C;--accent-soft:#33260A;--accent-glow:rgba(255,181,36,.35);
  --line:#3A2D12;--line-2:#4A3A18;
  --glass:rgba(40,29,10,.55);--glass-2:rgba(33,24,9,.82);--glass-bg:var(--glass);--glass-hi:inset 0 1px 0 var(--glass-line);--glass-line:rgba(255,220,140,.12);--glass-edge:rgba(255,200,90,.14);
  --btn-from:#FFC95C;--btn-to:#F5A300;--btn-text:#2A1A00;
  --hero-glow:rgba(200,130,10,.38);--aur-1:rgba(255,170,30,.34);--aur-2:rgba(210,90,10,.30);--aur-3:rgba(255,210,110,.22);
  --arc:rgba(255,190,60,.55);--hex-line:rgba(255,190,60,.16);--hex-fill:rgba(255,181,36,.07);
  --night:#0C0802;--on-night:#FFF4DB;
  --sh-sm:0 4px 16px rgba(0,0,0,.4);--sh:0 18px 50px -18px rgba(0,0,0,.7);--sh-lg:0 40px 90px -30px rgba(0,0,0,.85);
  --code-bg:#0B0702;--code-text:#F3E6C4;--code-key:#FFC95C;--code-str:#8FD6A6;--code-num:#8CC8FF;--code-mute:#7C6D4C;
  --grain:.07;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#130E04;--bg-2:#1B1407;--paper:#211809;--ink:#FFF4DB;--text:#F3E6C4;--text-soft:#C5B48C;--text-mute:#9C8C68;
    --accent:#FFB524;--accent-strong:#FFC95C;--accent-soft:#33260A;--accent-glow:rgba(255,181,36,.35);
    --line:#3A2D12;--line-2:#4A3A18;
    --glass:rgba(40,29,10,.55);--glass-2:rgba(33,24,9,.82);--glass-bg:var(--glass);--glass-hi:inset 0 1px 0 var(--glass-line);--glass-line:rgba(255,220,140,.12);--glass-edge:rgba(255,200,90,.14);
    --btn-from:#FFC95C;--btn-to:#F5A300;--btn-text:#2A1A00;
    --hero-glow:rgba(200,130,10,.38);--aur-1:rgba(255,170,30,.34);--aur-2:rgba(210,90,10,.30);--aur-3:rgba(255,210,110,.22);
    --arc:rgba(255,190,60,.55);--hex-line:rgba(255,190,60,.16);--hex-fill:rgba(255,181,36,.07);
    --night:#0C0802;--on-night:#FFF4DB;
    --sh-sm:0 4px 16px rgba(0,0,0,.4);--sh:0 18px 50px -18px rgba(0,0,0,.7);--sh-lg:0 40px 90px -30px rgba(0,0,0,.85);
    --code-bg:#0B0702;--code-text:#F3E6C4;--code-key:#FFC95C;--code-str:#8FD6A6;--code-num:#8CC8FF;--code-mute:#7C6D4C;
    --grain:.07;
  }
}