/* bncc.dev · MARCA CANÔNICA — tokens do design system + fonte da marca.
   Fonte única da identidade visual: o site importa via global.css e outros
   apps (ex.: bncc-playground) vendorizam este arquivo com sincronizar-marca.
   Mudou aqui? Consumidores re-sincronizam (o --verificar deles acusa). */

:root {
  --bg: #ffffff;
  --bg-subtle: #f6f8fa;
  --bg-inset: #f6f8fa;
  --ink: #1f2328;
  --ink-muted: #59636e;
  --border: #d1d9e0;
  --border-strong: #b7c0c9;
  --accent: #1a6e42;
  --accent-bg: #eaf5ee;
  --accent-ink: #135c36;
  --code-bg: #f6f8fa;
  --erro: #c93c37;
  --erro-bg: #fdeeed;
  --erro-ink: #a52d29;
  --alerta: #9a6b00;
  --alerta-bg: #fdf6e3;
  --shadow-focus: 0 0 0 3px rgba(26, 110, 66, .25);
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0d1117; --bg-subtle: #151b23; --bg-inset: #10151c;
    --ink: #e6edf3; --ink-muted: #9198a1;
    --border: #2f3742; --border-strong: #444d58;
    --accent: #46c07a; --accent-bg: #12261a; --accent-ink: #5bd58e;
    --code-bg: #151b23; --shadow-focus: 0 0 0 3px rgba(70, 192, 122, .3);
    --erro: #ff7b72; --erro-bg: #2d1614; --erro-ink: #ff9992;
    --alerta: #d29922; --alerta-bg: #271f0f;
  }
}
:root[data-theme="dark"] {
  --bg: #0d1117; --bg-subtle: #151b23; --bg-inset: #10151c;
  --ink: #e6edf3; --ink-muted: #9198a1;
  --border: #2f3742; --border-strong: #444d58;
  --accent: #46c07a; --accent-bg: #12261a; --accent-ink: #5bd58e;
  --code-bg: #151b23; --shadow-focus: 0 0 0 3px rgba(70, 192, 122, .3);
  --erro: #ff7b72; --erro-bg: #2d1614; --erro-ink: #ff9992;
  --alerta: #d29922; --alerta-bg: #271f0f;
}

/* typo de computador antigo, só para a marca (Bytesized, OFL, self-hosted em /fonts/) */
@font-face {
  font-family: 'Bytesized';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/bytesized-latin.woff2') format('woff2');
}
