/* ============================================================
   root.css — TOKENS DA MARCA + FONTES  (LP Google AI Pro)
   Herda o design system do /shild, repaletado para o universo
   Google/Gemini: azul Google como --primary e um gradiente
   Gemini (azul → roxo) para títulos e destaques.
   Os componentes em style.css leem estes tokens via var(--nome).
   ============================================================ */

/* --- Fontes (subset latino que cobre o PT-BR) --- */

@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: #f6f8fc;
  --foreground: #1f1f1f;
  --card: #fff;
  --card-foreground: #1f1f1f;
  --popover: #fff;
  --popover-foreground: #1f1f1f;
  --primary: #1a73e8;            /* Google blue */
  --primary-foreground: #fff;
  --secondary: #e8f0fe;          /* Google blue tint */
  --secondary-foreground: #1f1f1f;
  --muted: #f1f3f4;
  --muted-foreground: #5f6368;   /* Google gray */
  --accent: #e8f0fe;
  --accent-foreground: #1f1f1f;
  --success: #1e8e3e;            /* Google green */
  --destructive: #d93025;        /* Google red */
  --warning: #f9ab00;            /* Google yellow */
  --border: #dadce0;
  --input: #dadce0;
  --ring: #1a73e8;
  --radius: .75rem;

  /* Gradiente da marca — tons de azul Google (sem roxo) */
  --brand-1: #4285f4;
  --brand-2: #1a73e8;
  --brand-3: #5ea9ff;
  --grad-brand: linear-gradient(105deg, #1a73e8 0%, #4285f4 50%, #5ea9ff 100%);
  /* Gradiente de alerta — tons de vermelho Google. Usado no preco caro
     da comparacao, como contraponto do --grad-brand no preco da oferta. */
  --grad-alerta: linear-gradient(105deg, #d93025 0%, #ea4335 50%, #f28b82 100%);
  /* pontos de brilho do hero (todos azuis) */
  --glow-1: #4285f4;
  --glow-2: #5ea9ff;
  --glow-3: #1a73e8;
}

/* --- Overrides do tema escuro (classe .dark no <html>) --- */
.dark {
  --background: #131314;         /* Gemini dark */
  --foreground: #e3e3e3;
  --card: #1e1f20;
  --card-foreground: #e3e3e3;
  --popover: #1e1f20;
  --popover-foreground: #e3e3e3;
  --primary: #8ab4f8;            /* Google blue (dark) */
  --primary-foreground: #131314;
  --secondary: #1f3145;
  --secondary-foreground: #e3e3e3;
  --muted: #2d2e30;
  --muted-foreground: #9aa0a6;
  --accent: #1f3145;
  --accent-foreground: #e3e3e3;
  --success: #81c995;
  --destructive: #f28b82;
  --warning: #fdd663;
  --border: #3c4043;
  --input: #3c4043;
  --ring: #8ab4f8;

  --brand-1: #8ab4f8;
  --brand-2: #4285f4;
  --brand-3: #aecbfa;
  --grad-brand: linear-gradient(105deg, #4285f4 0%, #8ab4f8 55%, #aecbfa 100%);
  --grad-alerta: linear-gradient(105deg, #ea4335 0%, #f28b82 55%, #fbbcb6 100%);
  --glow-1: #4285f4;
  --glow-2: #8ab4f8;
  --glow-3: #1a73e8;
}