/**
 * tokens.css — Sistema de diseño unificado · rolandofryderup.cl
 * Actualizado 2026-09-11
 *
 * Canon "La Resistencia" aplicado en todo el sitio:
 *   - Negro profundo para secciones de La Resistencia / dark
 *   - Marfil como fondo principal de lectura (más editorial, menos SaaS)
 *   - Dorado y cobre como acentos editoriales
 *   - Rojo sangre solo para acción (CTA, alertas)
 *
 * Mantiene aliases de la paleta vieja (--color-primary, --color-accent, etc.)
 * para no romper CSS que aún use los nombres antiguos.
 */

:root {
    /* === CANON LA RESISTENCIA (nuevo) === */
    --ink:           #0B0B0A;   /* negro profundo, fondo dark */
    --ink-soft:      #161614;   /* negro con algo de calidez */
    --paper:         #E8DDC8;   /* marfil cálido, fondo principal */
    --whisper:       #F5EFE2;   /* marfil más claro, fondos secundarios */
    --brass:         #B89B5E;   /* dorado editorial, acentos */
    --copper:        #8A5A36;   /* cobre, hover, números */
    --blood:         #C13542;   /* rojo acción, CTA principal */
    --bone:          #F2EBDA;   /* marfil variante, separadores */

    /* Tipos de gris */
    --ash:           #2A2825;   /* texto sobre paper */
    --smoke:         #5A554C;   /* texto secundario sobre paper */
    --mist:          #948C7A;   /* texto muted */
    --fog:           #C5BCA8;   /* separadores suaves */

    /* === ALIASES (compatibilidad con CSS viejo) === */
    /* Los archivos viejos usan estos nombres — los alias apuntan al nuevo canon */
    --color-primary:        var(--brass);
    --color-primary-hover:  var(--copper);
    --color-primary-soft:   var(--whisper);
    --color-primary-dark:   var(--ink);

    --color-accent:         var(--blood);
    --color-accent-hover:   #9F2838;
    --color-accent-soft:    rgba(193, 53, 66, 0.08);
    --color-accent-deep:    #8E2535;

    --color-bg:             var(--paper);
    --color-bg-soft:        var(--whisper);
    --color-bg-card:        var(--bone);
    --color-bg-dark:        var(--ink);
    --color-bg-darker:      var(--ink-soft);

    --color-text:           var(--ash);
    --color-text-dim:       var(--smoke);
    --color-text-faint:     var(--mist);
    --color-text-inverse:   var(--paper);

    --color-border:         var(--fog);
    --color-border-strong:  var(--mist);
    --color-border-dark:    rgba(232, 221, 200, 0.12);
    --color-border-darker:  rgba(232, 221, 200, 0.20);

    --color-success:        #2F7A4A;
    --color-success-soft:   rgba(47, 122, 74, 0.10);
    --color-warning:        #B8791F;
    --color-warning-soft:   rgba(184, 121, 31, 0.10);
    --color-danger:         var(--blood);
    --color-danger-soft:    var(--color-accent-soft);
    --color-info:           #4A6B89;
    --color-info-soft:      rgba(74, 107, 137, 0.10);

    /* === TIPOGRAFÍA (3 roles deliberados) === */
    --font-sans:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-display:     'Cormorant Garamond', 'Playfair Display', Georgia, serif;
    --font-serif:       'Cormorant Garamond', Georgia, serif;
    --font-mono:        'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* === RADIOS === */
    --radius-sm:    2px;
    --radius:       4px;
    --radius-lg:    8px;
    --radius-xl:    12px;
    --radius-pill:  999px;

    /* === SOMBRAS (sutiles, premium) === */
    --shadow-sm:    0 1px 2px rgba(11, 11, 10, 0.04);
    --shadow:       0 2px 8px rgba(11, 11, 10, 0.06);
    --shadow-lg:    0 10px 24px rgba(11, 11, 10, 0.10);
    --shadow-xl:    0 20px 40px rgba(11, 11, 10, 0.16);

    /* === ESPACIADO === */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --space-10: 128px;

    /* === LAYOUT === */
    --wrap:        1180px;
    --wrap-wide:   1380px;
    --wrap-narrow: 720px;
    --header-h:        76px;
    --header-h-mobile: 64px;

    /* === LEGACY ALIASES === */
    --bg:           var(--color-bg);
    --bg-soft:      var(--color-bg-soft);
    --bg-card:      var(--color-bg-card);
    --ink-legacy:   var(--color-text);
    --ink-soft-legacy: var(--color-text-dim);
    --ink-faint:    var(--color-text-faint);
    --line:         var(--color-border);
    --primary:      var(--color-primary);
    --accent:       var(--color-accent);
}