/* tokens.css — Dados que batem. · Hanko v7 · GERADO por build/gerar_tokens.py (não editar à mão; edite o gerador).
   Contraste AA calculado e verificado na geração. Ver tokens.json para a tabela completa.
   REGRA: --cor-tijolo só aparece em (1) selo DA, (2) ponto final de títulos/assinatura, (3) estado "conferido". */

@font-face { font-family: 'Shippori Mincho'; font-weight: 700; font-style: normal; font-display: swap; src: url('../assets/fontes/shippori-mincho-700.woff2') format('woff2'); }
@font-face { font-family: 'Shippori Mincho'; font-weight: 500; font-style: normal; font-display: swap; src: url('../assets/fontes/shippori-mincho-500.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 100 700; font-style: normal; font-display: swap; src: url('../assets/fontes/plex-sans-var.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 400; font-style: normal; font-display: swap; src: url('../assets/fontes/plex-mono-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 500; font-style: normal; font-display: swap; src: url('../assets/fontes/plex-mono-500.woff2') format('woff2'); }

:root {
  /* ===== cores · tema claro (padrão) ===== */
  --cor-papel: #EFE8D8; /* washi */
  --cor-papel-alto: #F6F1E4; /* washi-alto */
  --cor-papel-baixo: #E5DDC9; /* washi-baixo */
  --cor-tinta: #1B1815; /* sumi */
  --cor-tinta-2: #5B564D; /* cinza-quente */
  --cor-linha: #CFC6B0; /* fio-claro */
  --cor-linha-forte: #7B7466; /* borda-claro */
  --cor-desativado: #8C8678; /* apagado-claro */
  --cor-tijolo: #9B3A2B; /* tijolo */
  --cor-foco: var(--cor-tinta);
  --sombra-1: 0 1px 0 0 #CFC6B0;
  --sombra-2: 0 12px 28px -20px rgba(27, 24, 21, .38);
  --grao: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='5' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.106 0 0 0 0 0.094 0 0 0 0 0.082 0 0 0 0.45 -0.235'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
  --grao-tamanho: 220px;
  color-scheme: light;

  /* ===== tipografia ===== */
  --fonte-titulo: 'Shippori Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'Noto Serif', Georgia, serif;
  --fonte-corpo: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fonte-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --fonte-xs: clamp(0.75rem, 0.7292rem + 0.09259vw, 0.8125rem); /* 12–13 px */
  --fonte-sm: clamp(0.8331rem, 0.8108rem + 0.09907vw, 0.9rem); /* 13.33–14.4 px */
  --fonte-base: clamp(1rem, 0.9583rem + 0.1852vw, 1.125rem); /* 16.0–18.0 px */
  --fonte-md: clamp(1.2rem, 1.131rem + 0.3056vw, 1.406rem); /* 19.2–22.5 px */
  --fonte-lg: clamp(1.44rem, 1.334rem + 0.4704vw, 1.758rem); /* 23.04–28.12 px */
  --fonte-xl: clamp(1.728rem, 1.572rem + 0.6954vw, 2.197rem); /* 27.65–35.16 px */
  --fonte-2xl: clamp(2.074rem, 1.849rem + 0.9972vw, 2.747rem); /* 33.18–43.95 px */
  --fonte-3xl: clamp(2.488rem, 2.173rem + 1.4vw, 3.433rem); /* 39.81–54.93 px */
  --fonte-4xl: clamp(2.986rem, 2.551rem + 1.933vw, 4.291rem); /* 47.78–68.66 px */
  --fonte-heroi: clamp(3.583rem, 2.989rem + 2.639vw, 5.364rem); /* 57.33–85.83 px */
  --peso-titulo-forte: 700; --peso-titulo: 500; --peso-corpo: 400; --peso-corpo-forte: 500; --peso-mono: 400; --peso-mono-forte: 500;
  --altura-titulo: 1.15; --altura-subtitulo: 1.3; --altura-corpo: 1.6; --altura-compacto: 1.4;
  --tracking-titulo: -0.01em; --tracking-rotulo: 0.12em;

  /* ===== espaçamento (rem; base 4 px) ===== */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 0.75rem;
  --esp-4: 1rem;
  --esp-5: 1.5rem;
  --esp-6: 2rem;
  --esp-7: 3rem;
  --esp-8: 4rem;
  --esp-9: 6rem;
  --esp-10: 8rem;
  --esp-11: 12rem;
  --esp-secao: clamp(4rem, 2.4rem + 7vw, 9rem);
  --esp-gutter: clamp(1.25rem, 0.6rem + 3vw, 3rem);

  /* ===== layout ===== */
  --container: 72rem;
  --container-estreito: 46rem;
  --medida-texto: 64ch;
  --medida-curta: 42ch;
  --alvo-toque: 2.75rem;

  /* ===== raios (quase retos: o selo é um quadrado de cantos 4 %) ===== */
  --raio-0: 0;
  --raio-1: 2px;
  --raio-2: 4px;
  --raio-selo: 4%;

  /* ===== bordas e carimbo ===== */
  --borda-fina: 1px; --borda-media: 2px; --borda-carimbo: 2px; --carimbo-intervalo: 3px;

  /* ===== sombras (mínimas: um fio e um halo discreto) ===== */
  --sombra-0: none;

  /* ===== movimento ===== */
  --mov-rapido: 120ms; --mov-medio: 220ms; --mov-lento: 420ms; --mov-curva: cubic-bezier(.2, 0, 0, 1);
}

/* ===== tema escuro: sistema (se o visitante não escolheu "claro") ===== */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
  --cor-papel: #1B1815; /* sumi */
  --cor-papel-alto: #242019; /* sumi-alto */
  --cor-papel-baixo: #171411; /* noite */
  --cor-tinta: #EDE5D3; /* creme */
  --cor-tinta-2: #B3A790; /* areia */
  --cor-linha: #3A352E; /* fio-escuro */
  --cor-linha-forte: #7D7565; /* borda-escuro */
  --cor-desativado: #847B69; /* apagado-escuro */
  --cor-tijolo: #B4513B; /* tijolo-escuro */
  --cor-foco: var(--cor-tinta);
  --sombra-1: 0 1px 0 0 #3A352E;
  --sombra-2: 0 12px 28px -18px rgba(0, 0, 0, .7);
  --grao: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='5' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.93 0 0 0 0 0.9 0 0 0 0 0.83 0 0 0 0.9 -0.6'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
  --grao-tamanho: 220px;
  color-scheme: dark;
  }
}
/* ===== tema escuro: escolha explícita pela alternância ===== */
:root[data-tema="escuro"] {
  --cor-papel: #1B1815; /* sumi */
  --cor-papel-alto: #242019; /* sumi-alto */
  --cor-papel-baixo: #171411; /* noite */
  --cor-tinta: #EDE5D3; /* creme */
  --cor-tinta-2: #B3A790; /* areia */
  --cor-linha: #3A352E; /* fio-escuro */
  --cor-linha-forte: #7D7565; /* borda-escuro */
  --cor-desativado: #847B69; /* apagado-escuro */
  --cor-tijolo: #B4513B; /* tijolo-escuro */
  --cor-foco: var(--cor-tinta);
  --sombra-1: 0 1px 0 0 #3A352E;
  --sombra-2: 0 12px 28px -18px rgba(0, 0, 0, .7);
  --grao: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='5' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.93 0 0 0 0 0.9 0 0 0 0 0.83 0 0 0 0.9 -0.6'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
  --grao-tamanho: 220px;
  color-scheme: dark;
}
:root[data-tema="claro"] { color-scheme: light; }

/* ===== movimento reduzido: todas as durações viram ~0 ===== */
@media (prefers-reduced-motion: reduce) {
  :root { --mov-rapido: 0.01ms; --mov-medio: 0.01ms; --mov-lento: 0.01ms; }
}