/* Tecnocafé · tokens (base: identidade-visual/tokens.css). --acao, --trilho e --lampejo cumprem o AA. */
:root {
  --b-juta: #D5BD8F; --b-carimbo: #2B2119; --b-folha: #2F6E4E; --b-cereja: #CF4328;
  --b-limao: #C2D135; --b-torra: #17120E; --b-creme: #F7F0E1;

  /* Juta (claro) */
  --paper: #EEE3CC; --card: #F7F0E1; --sack: #D5BD8F;
  --weave-a: rgba(92, 64, 28, .13); --weave-b: rgba(255, 248, 230, .24);
  --ink: #2B2119; --ink-soft: #66573F; --rule: rgba(43, 33, 25, .18); --rule-forte: rgba(43, 33, 25, .42);
  --leaf: #2F6E4E; --cherry: #C9401F; --acao: #B0381B; --on-accent: #F7F0E1;
  --lime: #BFCE2E; --trilho: #2B2119; --bezel: #120E0B; --lampejo: rgba(201, 64, 31, .22);
  --sombra: 0 18px 40px -24px rgba(43, 33, 25, .55);
  --veu: rgba(23, 18, 14, .45);

  --mk-leaf: var(--leaf); --mk-cherry: var(--cherry);

  --f-display: "Archivo", "Arial Black", sans-serif;
  --f-body: "Instrument Sans", system-ui, sans-serif;
  --f-stamp: "Big Shoulders Stencil", Impact, sans-serif;

  --gutter: 16px; --r-card: 12px; --r-btn: 14px;
  --toque: 48px; --toque-guia: 64px; --principal-guia: 88px;
  --abas: 64px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #17120E; --card: #221B15; --sack: #2E241A;
    --weave-a: rgba(0, 0, 0, .34); --weave-b: rgba(214, 190, 145, .07);
    --ink: #EADBC0; --ink-soft: #AE9C80; --rule: rgba(234, 219, 192, .16); --rule-forte: rgba(234, 219, 192, .38);
    --leaf: #6FAE86; --cherry: #EC6446; --acao: #EC6446; --on-accent: #17120E;
    --lime: #CFDD4A; --trilho: #4A3D2E; --lampejo: rgba(236, 100, 70, .22);
    --sombra: 0 18px 40px -24px rgba(0, 0, 0, .8);
    --veu: rgba(0, 0, 0, .6);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --paper: #17120E; --card: #221B15; --sack: #2E241A;
  --weave-a: rgba(0, 0, 0, .34); --weave-b: rgba(214, 190, 145, .07);
  --ink: #EADBC0; --ink-soft: #AE9C80; --rule: rgba(234, 219, 192, .16); --rule-forte: rgba(234, 219, 192, .38);
  --leaf: #6FAE86; --cherry: #EC6446; --acao: #EC6446; --on-accent: #17120E;
  --lime: #CFDD4A; --trilho: #4A3D2E; --lampejo: rgba(236, 100, 70, .22);
  --sombra: 0 18px 40px -24px rgba(0, 0, 0, .8);
  --veu: rgba(0, 0, 0, .6);
  color-scheme: dark;
}

/* Números simples: troca o estêncil por Instrument Sans 700 com algarismos tabulares. */
:root[data-numeros="simples"] { --f-stamp: "Instrument Sans", system-ui, sans-serif; }