/* Marca de Kodexlog para el chasis de login (MTF-chasis-login-y-personas, paso A9): esta carpeta entera
   reemplaza <app>/public/cuenta/marca/. Valores copiados de ../tokens.css, tema tinta (el de Entrar en la maqueta). */
@font-face{font-family:'Grenze';font-style:normal;font-weight:300 800;font-display:swap;src:url('fuentes/grenze-300-800.woff2') format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:200 800;font-display:swap;src:url('fuentes/atkinson-next-200-800.woff2') format('woff2')}
:root{
  color-scheme: dark;
  /* —— contrato del chasis —— */
  --color-bg:          oklch(0.180 0.006 60);   /* tinta       #14110f */
  --color-surface:     oklch(0.225 0.007 60);   /* tinta-2     #1e1b19 */
  --color-surface-alt: oklch(0.265 0.008 60);   /* tinta-3     #282421 */
  --color-fg:          oklch(0.925 0.018 85);   /* hueso       #ece6d9 · 15,1:1 sobre bg */
  --color-fg-muted:    oklch(0.735 0.015 80);   /* hueso-700   #aea89f · 8,0:1 sobre bg, 6,5:1 sobre alt */
  --color-border:      oklch(0.340 0.008 60);   /* filete      #3b3734 · separa, no es control */
  --color-primary:     oklch(0.640 0.180 32);   /* lacre       #e4573f · el único acento */
  --color-primary-fg:  oklch(0.165 0.006 60);   /* texto sobre lacre · 5,3:1 */
  --color-accent:      oklch(0.640 0.180 32);   /* = primario: un solo acento */
  --color-accent-fg:   oklch(0.165 0.006 60);
  --color-accent-ink:  oklch(0.760 0.130 38);   /* lacre claro: enlaces y foco · 8,4:1 sobre bg */
  --color-success:     oklch(0.790 0.100 150);  /* 10,1:1 */
  --color-warning:     oklch(0.830 0.130 80);   /* ámbar: el control de curación que toca · 11,0:1 */
  --color-danger:      oklch(0.740 0.150 28);   /* 7,7:1 · siempre con icono y verbo, ver design-kit §2 */
  --font-display: 'Grenze', 'Iowan Old Style', Georgia, serif;
  --font-body:    'Atkinson Hyperlegible Next', 'Segoe UI', system-ui, sans-serif;
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 6px;
  --logo-src: url('/cuenta/marca/logo.png');   /* absoluta: un url() dentro de una variable se resuelve desde donde se USA */
  --logo-ancho: 140px; --logo-alto: 170px;     /* el sello entero, como en Entrar de la maqueta; PNG a 3× */
}