/* Tema escuro do design system. Opcional: quem carrega este arquivo ganha o tema.
   O portfolio e o catalogo v0.4 carregam este arquivo; estudos historicos optam por ele.

   Regra que orienta o arquivo: nenhum token muda de significado. --ink continua sendo
   cor de texto e --surface cor de superficie de leitura. As pecas que precisam de uma
   superficie contrastante usam --invert-surface, que continua escura nos dois temas,
   em vez de usar --ink como fundo. Foi isso que fez a cortina de entrada inverter. */

:root[data-theme="dark"] {
  --canvas: #0f1110;
  --surface: #171918;
  --subtle: #202322;
  --ink: #f1f3f2;
  --muted: #a8afab;
  --line: #6c736e;
  --hairline: #2f3331;
  --blue: #8fb0ff;
  --blue-hover: #adc4ff;
  --action-ink: #171918;
  --action-on-field: #8fb0ff;
  --field-line: #476851;
  --glass-edge: rgb(255 255 255 / 10%);
  --blue-soft: #1a2233;
  --green: #6fd49b;
  --green-soft: #16241d;
  --field: #16241c;
  --field-ink: #eaf6ee;
  --field-muted: #9ec9ad;
  --invert-surface: #08090a;
  --invert-ink: #f1f3f2;
  --invert-muted: #a8afab;
  --invert-line: #3a403c;
  --logo-filter: brightness(0) invert(1);
  --overlay-shadow: 0 12px 40px rgb(0 0 0 / 55%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: #0f1110;
    --surface: #171918;
    --subtle: #202322;
    --ink: #f1f3f2;
    --muted: #a8afab;
    --line: #6c736e;
    --hairline: #2f3331;
    --blue: #8fb0ff;
    --blue-hover: #adc4ff;
    --action-ink: #171918;
    --action-on-field: #8fb0ff;
    --field-line: #476851;
    --glass-edge: rgb(255 255 255 / 10%);
    --blue-soft: #1a2233;
    --green: #6fd49b;
    --green-soft: #16241d;
    --field: #16241c;
    --field-ink: #eaf6ee;
    --field-muted: #9ec9ad;
    --invert-surface: #08090a;
    --invert-ink: #f1f3f2;
    --invert-muted: #a8afab;
    --invert-line: #3a403c;
    --logo-filter: brightness(0) invert(1);
    --overlay-shadow: 0 12px 40px rgb(0 0 0 / 55%);
  }
}