/* ============================================================
   themes.css — paletas (6) + brand-primary
   El modo oscuro fue retirado por preferencia del producto.
   Reglas sin :root → aplican a CUALQUIER elemento con
   data-palette (ej. swatches en /apariencia).
   ============================================================ */

/* ---------- Brand primary (workspace) — independiente de la paleta ---------- */
:root { --brand-primary: transparent; }
.bg-brand-primary     { background-color: var(--brand-primary) !important; }
.text-brand-primary   { color: var(--brand-primary) !important; }
.border-brand-primary { border-color: var(--brand-primary) !important; }

/* ---------- Paletas (6) — aplican a [data-palette=X] ---------- */
[data-palette="atardecer"]{--accent-50:#fff7ed;--accent-100:#ffedd5;--accent-200:#fed7aa;--accent-300:#fdba74;--accent-400:#fb923c;--accent-500:#f97316;--accent-600:#ea580c;--accent-700:#c2410c;--accent-800:#9a3412;--accent-900:#7c2d12}
[data-palette="salvia"]   {--accent-50:#f1f5f0;--accent-100:#dee8df;--accent-200:#bcd0bf;--accent-300:#9ab89e;--accent-400:#82a386;--accent-500:#6b8a6e;--accent-600:#557057;--accent-700:#425645;--accent-800:#324133;--accent-900:#222b23}
[data-palette="oceano"]   {--accent-50:#f0f9ff;--accent-100:#e0f2fe;--accent-200:#bae6fd;--accent-300:#7dd3fc;--accent-400:#38bdf8;--accent-500:#0ea5e9;--accent-600:#0284c7;--accent-700:#0369a1;--accent-800:#075985;--accent-900:#0c4a6e}
[data-palette="violeta"]  {--accent-50:#f5f3ff;--accent-100:#ede9fe;--accent-200:#ddd6fe;--accent-300:#c4b5fd;--accent-400:#a78bfa;--accent-500:#8b5cf6;--accent-600:#7c3aed;--accent-700:#6d28d9;--accent-800:#5b21b6;--accent-900:#4c1d95}
[data-palette="bosque"]   {--accent-50:#f0fdf4;--accent-100:#dcfce7;--accent-200:#bbf7d0;--accent-300:#86efac;--accent-400:#4ade80;--accent-500:#16a34a;--accent-600:#15803d;--accent-700:#166534;--accent-800:#14532d;--accent-900:#052e16}
[data-palette="grafito"]  {--accent-50:#f8fafc;--accent-100:#f1f5f9;--accent-200:#e2e8f0;--accent-300:#cbd5e1;--accent-400:#94a3b8;--accent-500:#475569;--accent-600:#334155;--accent-700:#1e293b;--accent-800:#0f172a;--accent-900:#020617}

/* ---------- Override de utilidades Tailwind orange-* (paleta) ---------- */
.bg-orange-50    {background-color:var(--accent-50)  !important}
.bg-orange-100   {background-color:var(--accent-100) !important}
.bg-orange-500   {background-color:var(--accent-500) !important}
.bg-orange-600   {background-color:var(--accent-600) !important}
.bg-orange-700   {background-color:var(--accent-700) !important}
.hover\:bg-orange-600:hover {background-color:var(--accent-600) !important}
.hover\:bg-orange-700:hover {background-color:var(--accent-700) !important}
.text-orange-500 {color:var(--accent-500) !important}
.text-orange-600 {color:var(--accent-600) !important}
.text-orange-700 {color:var(--accent-700) !important}
.border-orange-500 {border-color:var(--accent-500) !important}
.border-orange-600 {border-color:var(--accent-600) !important}
.ring-orange-500 {--tw-ring-color:var(--accent-500) !important}
.from-orange-400 {--tw-gradient-from:var(--accent-400) !important}
.from-orange-500 {--tw-gradient-from:var(--accent-500) !important}
.to-orange-600   {--tw-gradient-to:var(--accent-600) !important}

/* Transición global suave */
:root { transition: background-color .2s ease, color .2s ease }