/* Tokens do tema BASE do OURIVIC.
   Um tema de site redefine estas variaveis e pronto — nao precisa tocar em blocos.css nem no nucleo.
   Tudo aqui e deliberadamente neutro: o tema base existe para provar que o nucleo funciona
   sem a estetica de ninguem. */
:root {
  --ou-fundo: #ffffff;
  --ou-tinta: #16161a;
  --ou-tinta-fraca: #5d5d68;
  --ou-linha: rgba(0, 0, 0, .14);
  --ou-acento: #16161a;
  --ou-vazio: rgba(0, 0, 0, .06);

  --ou-sans: system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', sans-serif;
  --ou-titulo: var(--ou-sans);
  --ou-mono: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, monospace;

  --ou-margem: clamp(20px, 5vw, 56px);
  --ou-mancha: 1180px;
  --ou-mancha-texto: 660px;
  --ou-respiro: clamp(34px, 5vw, 60px);
  --ou-h1: clamp(38px, 7vw, 72px);
  --ou-h2: clamp(26px, 4vw, 40px);
  --ou-corpo: 17px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema='claro']) {
    --ou-fundo: #0d0d10;
    --ou-tinta: #f3f3f5;
    --ou-tinta-fraca: #a2a2ac;
    --ou-linha: rgba(255, 255, 255, .16);
    --ou-acento: #f3f3f5;
    --ou-vazio: rgba(255, 255, 255, .07);
  }
}