/* Pontes Laranjas — base tokens
   Layout: verde da marca como estrutura, laranja só para ação, amarelo-sol só para destaque pontual. */
@font-face{font-family:"Baloo 2";src:url(../fonts/baloo-2-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Baloo 2";src:url(../fonts/baloo-2-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Baloo 2";src:url(../fonts/baloo-2-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/figtree-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --bg:#F5F7F0;          /* papel levemente esverdeado */
  --surface:#FFFFFF;
  --surface-2:#EEF2E6;
  --line:#D9E0CF;
  --fg:#17261B;
  --muted:#5C6B5F;
  --green:#0E4A23;       /* verde-folha escuro (marca) */
  --green-2:#1F7A35;
  --leaf:#7CC242;        /* verde-limão da camiseta do mascote */
  --orange:#E8701A;      /* laranja da fruta */
  --orange-ink:#B5520A;
  --sun:#F5C518;         /* amarelo das faixas da propaganda */
  --on-green:#F3F8EE;
  --brand-deep:#0E4A23; --on-brand:#F3F8EE;
  --ok:#1F7A35; --warn:#B7791F; --bad:#C0392B;
  --ok-bg:#E3F1E1; --warn-bg:#FBF0D6; --bad-bg:#F8E1DD;
  --shadow:0 1px 2px rgba(14,74,35,.08),0 4px 14px rgba(14,74,35,.06);
  --f-display:"Baloo 2","Trebuchet MS","Segoe UI",system-ui,sans-serif;
  --f-body:"Figtree","Segoe UI",Roboto,system-ui,-apple-system,sans-serif;
  --r:10px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0F1712;--surface:#16211A;--surface-2:#1C2A21;--line:#2B3B30;--fg:#E7EEE4;--muted:#9BAA9E;
  --green:#7CC242;--green-2:#93D35A;--leaf:#7CC242;--orange:#F28A35;--orange-ink:#F6A15C;--sun:#F5C518;--on-green:#0F1712;--brand-deep:#14361F;--on-brand:#EAF3E4;
  --ok:#7CC242;--warn:#E8B04B;--bad:#F07A6A;--ok-bg:#1E3322;--warn-bg:#3A2F17;--bad-bg:#3D1F1B;
  --shadow:0 1px 2px rgba(0,0,0,.4);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F1712;--surface:#16211A;--surface-2:#1C2A21;--line:#2B3B30;--fg:#E7EEE4;--muted:#9BAA9E;
  --green:#7CC242;--green-2:#93D35A;--leaf:#7CC242;--orange:#F28A35;--orange-ink:#F6A15C;--sun:#F5C518;--on-green:#0F1712;--brand-deep:#14361F;--on-brand:#EAF3E4;
  --ok:#7CC242;--warn:#E8B04B;--bad:#F07A6A;--ok-bg:#1E3322;--warn-bg:#3A2F17;--bad-bg:#3D1F1B;
  --shadow:0 1px 2px rgba(0,0,0,.4);color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.5}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.1;text-wrap:balance;margin:0}
img{max-width:100%;height:auto}
a{color:var(--green-2)}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}