/* ============================================================
   root.css — TOKENS DA MARCA + FONTES
   É AQUI que se adapta o design system para outra marca:
   troque os valores de :root (tema claro) e .dark (tema escuro).
   Os componentes em style.css leem estes tokens via var(--nome).
   ============================================================ */

/* --- Fontes ---
   Somente os @font-face com arquivo real (subset latino, que cobre o
   PT-BR). Os subsets com src:local("") herdados do bundle do Next.js
   nunca carregavam arquivo algum e foram removidos. */

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/fonts/s.p.0q-301v4kxxnr.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC,
    U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter Fallback";
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/fonts/s.p.08e28id.o-okb.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC,
    U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Geist Mono Fallback";
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

/* --- Tokens do tema claro --- */
:root {
  --font-sans: Inter, "Inter Fallback", sans-serif;
  --font-mono: "Geist Mono", "Geist Mono Fallback", monospace;

  --background: #f0f2f5;
  --foreground: #1c282f;
  --card: #fff;
  --card-foreground: #1c282f;
  --popover: #fff;
  --popover-foreground: #1c282f;
  --primary: #2962d8;
  --primary-foreground: #fff;
  --secondary: #e7f3ff;
  --secondary-foreground: #1c282f;
  --muted: #f0f2f5;
  --muted-foreground: #65676b;
  --accent: #e7f3ff;
  --accent-foreground: #1c282f;
  --destructive: #e41e3f;
  --border: #dadde1;
  --input: #dadde1;
  --ring: #2962d8;
  --chart-1: #2962d8;
  --chart-2: #3880f2;
  --chart-3: #42b72a;
  --chart-4: #f7b928;
  --chart-5: #e74c3c;
  --radius: .625rem;
  --sidebar: #fff;
  --sidebar-foreground: #1c282f;
  --sidebar-primary: #2962d8;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #e7f3ff;
  --sidebar-accent-foreground: #1c282f;
  --sidebar-border: #dadde1;
  --sidebar-ring: #2962d8;
}

/* --- Overrides do tema escuro (classe .dark no <html>) --- */
.dark {
  --background: #18191a;
  --foreground: #e4e6eb;
  --card: #242526;
  --card-foreground: #e4e6eb;
  --popover: #242526;
  --popover-foreground: #e4e6eb;
  --primary: #3880f2;
  --primary-foreground: #fff;
  --secondary: #263951;
  --secondary-foreground: #e4e6eb;
  --muted: #3a3b3c;
  --muted-foreground: #b0b3b8;
  --accent: #263951;
  --accent-foreground: #e4e6eb;
  --destructive: #ff4d6d;
  --border: #3a3b3c;
  --input: #3a3b3c;
  --ring: #3880f2;
  --sidebar: #242526;
  --sidebar-foreground: #e4e6eb;
  --sidebar-primary: #3880f2;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #263951;
  --sidebar-accent-foreground: #e4e6eb;
  --sidebar-border: #3a3b3c;
  --sidebar-ring: #3880f2;
}
