/* =====================================================
   REDWORK — DESIGN TOKENS
   Archivo maestro de variables CSS
   Todos los demás archivos CSS deben usar estas variables
   ===================================================== */

:root {

    /* ── Colores base ─────────────────────────────── */
    --rw-navy:          #0f172a;
    --rw-navy-mid:      #1e293b;
    --rw-navy-light:    #0d1424;
    --rw-slate:         #334155;
    --rw-slate-mid:     #475569;
    --rw-border:        rgba(148, 163, 184, 0.12);
    --rw-border-orange: rgba(249, 115, 22, 0.20);

    /* ── Naranja (marca) ──────────────────────────── */
    --rw-orange:        #f97316;
    --rw-orange-dark:   #ea6c0a;
    --rw-orange-darker: #ea580c;
    --rw-orange-light:  #fb923c;
    --rw-orange-dim:    rgba(249, 115, 22, 0.15);
    --rw-orange-glow:   rgba(249, 115, 22, 0.30);

    /* ── Texto ────────────────────────────────────── */
    --rw-text:          #f1f5f9;
    --rw-text2:         #cbd5e1;
    --rw-text3:         #e2e8f0;
    --rw-muted:         #64748b;
    --rw-muted-light:   #94a3b8;

    /* ── Grises utilitarios ───────────────────────── */
    --rw-white:         #ffffff;
    --rw-gray-100:      #f8fafc;
    --rw-gray-200:      #e2e8f0;
    --rw-gray-300:      #cbd5e1;
    --rw-gray-400:      #94a3b8;
    --rw-gray-500:      #64748b;
    --rw-gray-600:      #475569;

    /* ── Estados / Semántica ──────────────────────── */
    --rw-success:       #4ade80;
    --rw-success-dim:   rgba(34, 197, 94, 0.15);
    --rw-warning:       #fbbf24;
    --rw-warning-dim:   rgba(251, 191, 36, 0.15);
    --rw-danger:        #f87171;
    --rw-danger-dim:    rgba(239, 68, 68, 0.15);
    --rw-info:          #60a5fa;
    --rw-info-dim:      rgba(59, 130, 246, 0.15);
    --rw-purple:        #c084fc;
    --rw-purple-dim:    rgba(168, 85, 247, 0.15);

    /* ── Gradientes ───────────────────────────────── */
    --rw-gradient-hero:     linear-gradient(135deg, var(--rw-navy) 0%, #1e3a5f 50%, var(--rw-orange) 100%);
    --rw-gradient-card:     linear-gradient(135deg, var(--rw-navy-mid) 0%, var(--rw-navy) 100%);
    --rw-gradient-button:   linear-gradient(135deg, var(--rw-orange) 0%, var(--rw-orange-dark) 100%);
    --rw-gradient-featured: linear-gradient(135deg, var(--rw-orange) 0%, var(--rw-orange-dark) 50%, #1e3a5f 100%);

    /* ── Sombras ──────────────────────────────────── */
    --rw-shadow-sm:   0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --rw-shadow-md:   0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --rw-shadow-lg:   0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --rw-shadow-xl:   0 20px 25px -5px rgba(0, 0, 0, 0.15);
    --rw-shadow-glow: 0 0 15px var(--rw-orange-glow);

    /* ── Tipografía ───────────────────────────────── */
    --rw-font-display: 'Bebas Neue', sans-serif;
    --rw-font-body:    'Plus Jakarta Sans', sans-serif;

    /* ── Transiciones ─────────────────────────────── */
    --rw-ease:         cubic-bezier(0.16, 1, 0.3, 1);
    --rw-transition:   all 0.2s ease;

    /* ── Layout móvil (app shell) ─────────────────── */
    --rw-drawer-w:     280px;
    --rw-topbar-h:     58px;
    --rw-bottom-h:     64px;

    /* ── Aliases de compatibilidad (style.css antiguo) ── */
    --blue-dark-900:   #0a0f1e;
    --blue-dark-800:   var(--rw-navy);
    --blue-dark-700:   var(--rw-navy-mid);
    --blue-dark-600:   #1e3a5f;
    --blue-dark-500:   #2d4a7c;
    --orange-500:      var(--rw-orange);
    --orange-600:      var(--rw-orange-darker);
    --orange-400:      var(--rw-orange-light);
    --orange-100:      #fff7ed;
    --orange-50:       #ffedd5;
    --white:           var(--rw-white);
    --gray-100:        var(--rw-gray-100);
    --gray-200:        var(--rw-gray-200);
    --gray-300:        var(--rw-gray-300);
    --gray-400:        var(--rw-gray-400);
    --gray-500:        var(--rw-gray-500);
    --gray-600:        var(--rw-gray-600);
    --shadow-sm:       var(--rw-shadow-sm);
    --shadow-md:       var(--rw-shadow-md);
    --shadow-lg:       var(--rw-shadow-lg);
    --shadow-xl:       var(--rw-shadow-xl);
    --shadow-glow:     var(--rw-shadow-glow);
    --gradient-hero:      var(--rw-gradient-hero);
    --gradient-card:      var(--rw-gradient-card);
    --gradient-button:    var(--rw-gradient-button);
    --gradient-featured:  var(--rw-gradient-featured);

    /* ── Aliases admin ────────────────────────────── */
    --rw-navy2:        var(--rw-navy-mid);
    --rw-navy3:        var(--rw-navy-light);
    --rw-border2:      var(--rw-border-orange);
    --rw-text-muted:   var(--rw-muted-light);
    --font-display:    var(--rw-font-display);
    --font-body:       var(--rw-font-body);
    --ease-expo:       var(--rw-ease);
}
/* ── Variables faltantes de panel.css ── */
:root {
    --rw-border-solid:  #334155;
    --radius-sm:        6px;
    --radius-md:        10px;
    --radius-lg:        14px;
    --radius-xl:        18px;
    --radius-full:      9999px;
}