@font-face{font-family:"Geist";src:url("../fonts/geist-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url("../fonts/geist-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url("../fonts/geist-semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
/* A Geist deste pacote desenha "º" igual a "o" (Nº vira "No"). Só esse caractere vem da Unbounded. */
@font-face{font-family:"Geist";src:url("../fonts/unbounded-semibold.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+00AA,U+00BA}
@font-face{font-family:"Geist";src:url("../fonts/unbounded-semibold.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+00AA,U+00BA}
@font-face{font-family:"Geist";src:url("../fonts/unbounded-semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+00AA,U+00BA}
@font-face{font-family:"Unbounded";src:url("../fonts/unbounded-semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  --orange:#FB4F14;
  --orange-hover:#FF6A35;
  --cream:#EEECD5;
  --charcoal:#12110E;
  --sand:#9E9B86;
  --danger:#FF8A6B;
  --ok:#B9D98A;

  --bg:var(--charcoal);
  --surface:#1E1C18;
  --surface-2:#26241F;
  --line:#2E2C26;
  --line-strong:#4A473E;
  --text:var(--cream);
  --muted:var(--sand);
  --accent:var(--orange);
  --on-accent:var(--charcoal);

  --f-display:"Unbounded","Arial Black","Helvetica Neue",Arial,sans-serif;
  --f-body:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --fs-xs:.8125rem;
  --fs-sm:.9375rem;
  --fs-md:1rem;
  --fs-lg:1.125rem;
  --fs-xl:clamp(1.375rem,1.1rem + 1.2vw,1.75rem);
  --fs-2xl:clamp(1.875rem,1.4rem + 2.4vw,2.75rem);

  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;
  --sp-7:48px;
  --sp-8:64px;

  --radius-sm:8px;
  --radius:12px;
  --radius-pill:999px;
  --tap:48px;

  --wrap:720px;
  --gutter:16px;

  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:.2s;

  --bar-bg:rgba(18,17,14,.94);
  --toast-bg:var(--cream);
  --toast-fg:var(--charcoal);
  --shadow:0 12px 40px rgba(0,0,0,.45);
  --backdrop:rgba(8,7,5,.72);

  color-scheme:dark;
}

:root[data-theme="light"]{
  --orange-hover:#E5420B;
  --danger:#B42318;
  --ok:#2F6B1F;
  --bg:#F7F6EE;
  --surface:#FFFFFF;
  --surface-2:var(--cream);
  --line:#E0DDC8;
  --line-strong:#B5B29C;
  --text:var(--charcoal);
  --muted:#5F5C4E;
  --bar-bg:rgba(247,246,238,.94);
  --toast-bg:var(--charcoal);
  --toast-fg:var(--cream);
  --shadow:0 12px 40px rgba(18,17,14,.16);
  --backdrop:rgba(18,17,14,.45);
  color-scheme:light;
}

@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --orange-hover:#E5420B;
    --danger:#B42318;
    --ok:#2F6B1F;
    --bg:#F7F6EE;
    --surface:#FFFFFF;
    --surface-2:var(--cream);
    --line:#E0DDC8;
    --line-strong:#B5B29C;
    --text:var(--charcoal);
    --muted:#5F5C4E;
    --bar-bg:rgba(247,246,238,.94);
    --toast-bg:var(--charcoal);
    --toast-fg:var(--cream);
    --shadow:0 12px 40px rgba(18,17,14,.16);
    --backdrop:rgba(18,17,14,.45);
    color-scheme:light;
  }
}

@media (min-width:600px){:root{--gutter:24px}}

@media (prefers-reduced-motion:reduce){:root{--dur:0s}}