/* ════════════════════════════════════════════════════════════
   IESA Colombia — Design Tokens v2
   Cargar ANTES que styles.css en todas las páginas.
   ════════════════════════════════════════════════════════════ */

:root {
  /* ── Color · Brand ───────────────────────────── */
  --c-bg-deep:     #06050e;
  --c-bg-surface:  #0d0c1a;
  --c-bg-elevated: #14112e;
  --c-bg-overlay:  rgba(6, 5, 14, 0.85);

  /* ── Color · Accent (DORADO IESA preservado) ─── */
  --c-accent:        #fbbf24;
  --c-accent-hover:  #f59e0b;
  --c-accent-soft:   rgba(251, 191, 36, 0.12);
  --c-accent-border: rgba(251, 191, 36, 0.30);

  /* ── Color · Semantic ────────────────────────── */
  --c-success: #10b981;
  --c-warning: #f59e0b;
  --c-danger:  #ef4444;
  --c-info:    #3b82f6;
  --c-live:    #ef4444;

  /* ── Color · Text ────────────────────────────── */
  --c-text:           #f5f5f7;
  --c-text-muted:     #a1a1aa;
  --c-text-dim:       #71717a;
  --c-text-on-accent: #06050e;

  /* ── Color · Border ──────────────────────────── */
  --c-border:        rgba(255,255,255,0.06);
  --c-border-strong: rgba(255,255,255,0.12);
  --c-divider:       rgba(255,255,255,0.04);

  /* ── Tipografía ──────────────────────────────── */
  --ff-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --ff-body:    'Inter', system-ui, sans-serif;
  --ff-mono:    ui-monospace, 'JetBrains Mono', monospace;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.375rem;
  --fs-xl:   1.75rem;
  --fs-2xl:  2.25rem;
  --fs-3xl:  3rem;
  --fs-4xl:  4rem;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;
  --fw-black:   900;

  --lh-tight: 1.1;
  --lh-snug:  1.3;
  --lh-base:  1.55;

  --tracking-tight: -0.02em;
  --tracking-wide:  0.08em;

  /* ── Espaciado ───────────────────────────────── */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* ── Radio ───────────────────────────────────── */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-pill: 999px;

  /* ── Gradientes dorados (Vibrant Gold) ──── */
  --gold-gradient:    linear-gradient(160deg, #ffe066 0%, #f5a800 55%, #d97706 100%);
  --gold-gradient-h:  linear-gradient(160deg, #fff0a0 0%, #fbbf24 55%, #f59e0b 100%);
  --gold-shine:       linear-gradient(135deg, #fff0a0 0%, #ffe066 20%, #f5a800 50%, #ffe066 80%, #fff0a0 100%);
  --gold-glossy:      linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.06) 50%, rgba(0,0,0,0.02) 100%);
  --gold-text-shadow: none;
  --gold-border:      #d97706;
  --gold-border-light: #f59e0b;
  --gold-inset:       inset 0 1px 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.08);

  /* ── Sombras ─────────────────────────────────── */
  --sh-sm:  0 1px 3px rgba(0,0,0,0.25);
  --sh-md:  0 4px 12px rgba(0,0,0,0.35);
  --sh-lg:  0 8px 24px rgba(0,0,0,0.45);
  --sh-glow:0 0 16px rgba(212,169,78,0.2);
  --sh-gold: 0 2px 8px rgba(180,130,50,0.25), 0 4px 12px rgba(212,169,78,0.15);
  --sh-gold-lg: 0 4px 12px rgba(180,130,50,0.3), 0 6px 20px rgba(212,169,78,0.2);

  /* ── Transición ──────────────────────────────── */
  --t-fast: 0.15s ease-out;
  --t-base: 0.25s ease-out;
  --t-slow: 0.4s ease-out;

  /* ── Layout ──────────────────────────────────── */
  --container-max: 1280px;
  --gutter:        1.5rem;
  --header-h:      72px;
  --news-ticker-h: 36px;

  /* ── Compat con styles.css existente ─────────── */
  --bg-deep:     var(--c-bg-deep);
  --bg-card:     var(--c-bg-surface);
  --bg-elevated: var(--c-bg-elevated);
  --accent:      var(--c-accent);
  --accent-hover:var(--c-accent-hover);
  --text-white:  var(--c-text);
  --text-light:  var(--c-text-muted);
  --text-muted:  var(--c-text-dim);
  --text-main:   var(--c-text);
  --border:      var(--c-border-strong);
  --red:         var(--c-danger);
  --green:       var(--c-success);
  --ff-heading:  var(--ff-display);
  --radius-sm:   var(--r-sm);
  --radius-md:   var(--r-md);
  --radius-lg:   var(--r-lg);
}