/* ============================================================================
   NN — Design tokens compartidos (marca, no tema)
   ----------------------------------------------------------------------------
   Capa NEUTRA: define la "receta" de identidad que comparten TODAS las
   superficies del ecosistema (lanđing quiet-luxury clara, terminal/tesoreria
   oscura). No impone colores — cada tema los define en su propio :root.
   Lo que sí unifica: el alfabeto tipografico, el ritmo de movimiento, la
   escala horizontal de radios y las pautas de contraste del unico acento
   de marca (ver --gold-light / --gold-dark abajo).

   Uso: enlazar DESPUES de assets/fonts.css y ANTES del <style> propio de
   cada pagina, para que los tokens se puedan sobreescribir por tema sin
   romper las referencias ya existentes (--gold, --bg, etc.).

   Convencion (2026-08-22, alineada con la rebrand quiet-luxury):
   - Nunca introducir un tercer "oro". El acento de marca es UNO; su valor
     cambia segun la superficie (bronce envejecido > claro, dorado > oscuro)
     pero el ROLE siempre es el mismo. Si una pagina necesita "el oro de
     marca", usa var(--gold). Los tokens --gold-light/--gold-dark existen
     solo para que los temas los mapeen sin duplicar decisiones.
   - Tipografia fija: Fraunces (display), Inter (cuerpo), IBM Plex Mono (dato).
     Cualquier uso de font-family en el sistema debe resolver a estos role tokens.
   ============================================================================ */

:root {
  /* --- Alfabeto de marca (roles, no familias hardcodeadas) --------------- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* --- Ritmo de movimiento ------------------------------------------------ */
  --ease: cubic-bezier(.22, .7, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: 160ms;
  --dur-med:  280ms;
  --dur-slow: 520ms;

  /* --- Radios horizontales (la marca evita radios grandes; 0 = grabado) --- */
  --r-0: 0px;
  --r-1: 2px;
  --r-2: 6px;
  --r-full: 999px;

  /* --- Escala tipografica fluida (display display display) ----------------- */
  --type-hero: clamp(30px, 5.4vw, 54px);
  --type-h2:   clamp(22px, 3.4vw, 34px);
  --type-h3:   20px;
  --type-body: 16px;
  --type-label: 11px;

  /* --- El acento de marca: UNO, dos valores segun superficie --------------- */
  /* Bronce envejecido sobre fondo claro (quiet-luxury). */
  --gold-light: #8C6F4E;
  --gold-light-dim: rgba(140, 111, 78, 0.85);
  --gold-light-wash: rgba(140, 111, 78, 0.08);
  /* Dorado apagado sobre fondo oscuro (terminal / tesoreria). */
  --gold-dark: #E2BD78;
  --gold-dark-dim: rgba(226, 189, 120, 0.82);
  --gold-dark-wash: rgba(226, 189, 120, 0.13);

  /* --- Verdes de confirmacion (apagados, nunca neón) ------------------------ */
  --sage-light: #5F7259;
  --sage-light-bright: #6E8566;
  --emerald-dark: #00D68F;
  --emerald-dark-bright: #0AE09A;
}