/* Identidade do Théo: a mesma dos vídeos (paleta tirada da roupa dele, canon/identidade.md).
   Escuro é o padrão da marca; claro existe para quem pede. */
@font-face { font-family: "Inter Display"; src: url("fontes/InterDisplay-Black.ttf") format("truetype"); font-weight: 900; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fontes/Inter-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fontes/Inter-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fontes/JetBrainsMono.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
  --fundo: #121311;
  --fundo-2: #1b1d19;
  --linha: #2e3129;
  --texto: #f2efe6;
  --texto-2: #b3b6ab;
  --oliva: #c9d66b;
  --oliva-texto: #121311;
  --raio: 18px;
  --raio-pilula: 999px;
  --fonte-display: "Inter Display", "Arial Black", system-ui, sans-serif;
  --fonte-corpo: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --largura: 1080px;
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root:not([data-tema="escuro"]) {
    --fundo: #f4f3ee;
    --fundo-2: #ebeae3;
    --linha: #d6d5cc;
    --texto: #161714;
    --texto-2: #50534a;
    --oliva: #5e6a1c;
    --oliva-texto: #f4f3ee;
    color-scheme: light;
  }
}

:root[data-tema="claro"] {
  --fundo: #f4f3ee;
  --fundo-2: #ebeae3;
  --linha: #d6d5cc;
  --texto: #161714;
  --texto-2: #50534a;
  --oliva: #5e6a1c;
  --oliva-texto: #f4f3ee;
  color-scheme: light;
}