/* ============================================================================
   tokens.css — Sistema de diseño (kit Mi Espacio · dark-tech Normandia)
   Panel de Control SIMA. Orden de carga: tokens -> normandia-base -> panel
   ============================================================================ */
:root {
  /* Marca (morado mate) */
  --primary-50:#f7f4fa; --primary-100:#efe8f3; --primary-200:#ddcfe6;
  --primary-300:#c3aad6; --primary-400:#a986c4; --primary-500:#916cae;
  --primary-600:#7c5498; --primary-700:#6d4d86; --primary-800:#543d67;
  --primary-900:#3f2d4d;
  --primary: var(--primary-600);
  --brand:#6d4d86; --brand-2:#a986c4;

  /* IA (firma coral, fija) */
  --ia:#ff6b5e; --ia-2:#ff9a8f; --ia-ink:#2a0d07;

  /* Acento (ámbar/naranja) */
  --acento:#f5b445; --acento-2:#ff8f4d;

  /* Neutros */
  --silver-50:#f8fafc; --silver-100:#f1f5f9; --silver-200:#e2e8f0;
  --silver-300:#cbd5e1; --silver-400:#94a3b8; --silver-500:#64748b;
  --silver-600:#475569; --silver-700:#334155; --silver-800:#1e293b;
  --silver-900:#0f172a;

  /* Semánticos */
  --success:#10b981; --success-light:#34d399; --success-bg:rgba(16,185,129,.12);
  --warning:#f59e0b; --warning-light:#fbbf24; --warning-bg:rgba(245,158,11,.12);
  --danger:#ef4444;  --danger-light:#f87171;  --danger-bg:rgba(239,68,68,.12);
  --info:#3b82f6;    --info-light:#60a5fa;    --info-bg:rgba(59,130,246,.12);

  /* Radios */
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:20px; --r-xl:24px; --r-2xl:28px; --r-full:9999px;

  /* Layout */
  --sidebar-w:272px; --sidebar-c:78px; --topbar-h:66px;
  --t-theme: background .45s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease;
}

/* ---------- TEMA OSCURO (por defecto) ---------- */
:root, [data-theme="dark"] {
  --bg-body:#08060e; --bg-sidebar:#0b0912; --bg-topbar:rgba(11,9,18,.82);
  --bg-card:#130f1c; --bg-card-hover:#1b1530; --bg-input:#171227;
  --bg-badge:rgba(169,134,196,.14); --bg-tooltip:#241d38;
  --border:rgba(169,134,196,.12); --border-subtle:rgba(255,255,255,.05);
  --text-1:#f1f5f9; --text-2:#a6afc0; --text-3:#6a7385;
  --shadow-sm:0 2px 8px rgba(0,0,0,.28);
  --shadow-md:0 4px 24px rgba(0,0,0,.35), 0 0 0 1px rgba(169,134,196,.06);
  --shadow-lg:0 8px 40px rgba(0,0,0,.4), 0 0 0 1px rgba(169,134,196,.10);
  --shadow-glow:0 0 32px rgba(169,134,196,.10);
  --glow-ia:0 0 32px rgba(255,107,94,.42);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.03);
  --gradient-card:linear-gradient(180deg, rgba(169,134,196,.045) 0%, transparent 100%);
  --glass:rgba(255,255,255,.04); --glass-b:rgba(255,255,255,.09);
}

/* ---------- TEMA CLARO ---------- */
[data-theme="light"] {
  --bg-body:#f4f2f8; --bg-sidebar:#ffffff; --bg-topbar:rgba(255,255,255,.82);
  --bg-card:#ffffff; --bg-card-hover:#faf8fc; --bg-input:#f4f2f8;
  --bg-badge:rgba(109,77,134,.10); --bg-tooltip:#241d38;
  --border:rgba(109,77,134,.12); --border-subtle:rgba(15,23,42,.06);
  --text-1:#1e1730; --text-2:#5a5477; --text-3:#948ca6;
  --shadow-sm:0 1px 3px rgba(0,0,0,.04), 0 0 0 1px rgba(109,77,134,.06);
  --shadow-md:0 2px 8px rgba(0,0,0,.05), 0 0 0 1px rgba(109,77,134,.06);
  --shadow-lg:0 4px 16px rgba(0,0,0,.06), 0 0 0 1px rgba(109,77,134,.08);
  --shadow-glow:0 0 28px rgba(109,77,134,.07);
  --glow-ia:0 0 28px rgba(255,107,94,.30);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.8);
  --gradient-card:linear-gradient(180deg, rgba(109,77,134,.03) 0%, transparent 100%);
  --glass:rgba(255,255,255,.62); --glass-b:rgba(11,30,46,.07);
}