/* Kitae — variables de marca generadas desde tokens.json (2026-11-04). No editar a mano: cambiar tokens.json. */
:root {
  /* Color */
  --washi: #f7f6f2;
  --kasumi: #e6e9ed;
  --linea: #c9cfd6;
  --sumi: #111418;
  --hagane: #4a5463;
  --ai: #2b5bd7;
  --ai-on-sumi: #6e95f2;
  --hi: #c8462a;
  --kin: #d8b25e;
  --bronce: #a8683a;
  --murasaki: #6a4fa0;
  --ok: #1a6e45;
  --aviso: #8a5a00;
  --peligro: #b3261e;
  /* Espaciado */
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-8: 32px;
  /* Radios */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;
  /* Familias (servir las fuentes desde el propio panel: CSP font-src 'self') */
  --font-sans: Manrope, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-jp: "Noto Serif JP", serif;
}
.t-display { font-family: var(--font-sans); font-size: 64px; line-height: 60px; font-weight: 800; letter-spacing: -2px; }
.t-h1 { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 800; }
.t-h2 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 700; }
.t-body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; }
.t-small { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.t-label { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 700; }
.t-code { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 500; }
.t-sello { font-family: var(--font-jp); font-size: 40px; line-height: 48px; font-weight: 700; }
:focus-visible { outline: 2px solid var(--ai); outline-offset: 2px; }