:root {

  /* Superficies */
  --bg-main: #f3f5f7;
  --bg-card: #ffffff;
  --bg-muted: #eef1f4;

  /* Texto */
  --text-primary: #0f172a;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --text-inverse: #ffffff;

  /* Marca */
  --color-primary: #1f3a5f;
  --color-primary-hover: #162d4a;
  --color-secondary: #3f5f7f;

  /* Estados */
  --color-success: #166534;
  --color-warning: #92400e;
  --color-danger: #991b1b;
  --color-info: #075985;

  /* Bordes */
  --border-default: #e5e7eb;
  --border-strong: #cbd5e1;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);

  /* Radios */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Success */
  --success: #2E7D6B;
  --success-bg: #E6F4F1;
  --success-border: #9ED6C8;
  --success-text: #1F5C4E;

  /* Warning */
  --warning: #B7791F;
  --warning-bg: #FFF7E6;
  --warning-border: #F1D08A;
  --warning-text: #7A4A12;

  /* Danger */
  --danger: #B42318;
  --danger-bg: #FDECEC;
  --danger-border: #F5A5A0;
  --danger-text: #7A1E1E;
  --danger-soft: rgba(226, 85, 85, 0.12);
  --danger-soft-strong: rgba(226, 85, 85, 0.22);

  /* Info */
  --info: #2563EB;
  --info-bg: #EEF4FF;
  --info-border: #BFD3FF;
  --info-text: #1E3A8A;
}

/* 🌙 MODO OSCURO */
:root[data-theme="dark"] {

  /* Superficies */
  --bg-main: #0f172a;
  --bg-card: #111827;
  --bg-muted: #1e293b;

  /* Texto */
  --text-primary: #e5e7eb;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --text-inverse: #020617;

  /* Marca */
  --color-primary: #93c5fd;
  --color-primary-hover: #60a5fa;
  --color-secondary: #7aa2c9;

  /* Estados */
  --color-success: #4ade80;
  --color-warning: #facc15;
  --color-danger: #f87171;
  --color-info: #38bdf8;

  /* Bordes */
  --border-default: #1f2937;
  --border-strong: #334155;

  /* Sombras (más sutiles en oscuro) */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 6px 18px rgba(0,0,0,.55);

  /* Radios (se mantienen) */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Success */
  --success: #4ade80;
  --success-bg: rgba(74, 222, 128, 0.12);
  --success-border: rgba(74, 222, 128, 0.35);
  --success-text: #bbf7d0;

  /* Warning */
  --warning: #facc15;
  --warning-bg: rgba(250, 204, 21, 0.12);
  --warning-border: rgba(250, 204, 21, 0.35);
  --warning-text: #fde68a;

  /* Danger */
  --danger: #f87171;
  --danger-bg: rgba(248, 113, 113, 0.14);
  --danger-border: rgba(248, 113, 113, 0.38);
  --danger-text: #fecaca;
  --danger-soft: rgba(248, 113, 113, 0.16);
  --danger-soft-strong: rgba(248, 113, 113, 0.28);

  /* Info */
  --info: #38bdf8;
  --info-bg: rgba(56, 189, 248, 0.12);
  --info-border: rgba(56, 189, 248, 0.35);
  --info-text: #bae6fd;
}

:root[data-theme="lila"] {

  /* Superficies */
  --bg-main: #f6f4fb;
  --bg-card: #f1effb;
  --bg-muted: #ece9f7;

  /* Texto */
  --text-primary: #2e2a44;
  --text-secondary: #4b4566;
  --text-muted: #6b6585;

  /* Marca */
  --color-primary: #6b5ca5;
  --color-primary-hover: #5a4b91;
  --color-secondary: #8a7cc2;

  /* Info */
  --info: #7c6ed6;
  --info-bg: #f1effb;
  --info-border: #cfc9f1;
  --info-text: #4a3f8c;

  /* Bordes */
  --border-default: #e1ddf1;
  --border-strong: #d7d2ec;

  /* Sombras */
  --shadow-md: 0 6px 18px rgba(107,92,165,.18);
}


:root[data-theme="morado"] {

  /* Superficies */
  --bg-main: #f7f2fa;
  --bg-card: #f3e8ff;
  --bg-muted: #efe5f6;

  /* Texto */
  --text-primary: #2b123a;
  --text-secondary: #4a255f;
  --text-muted: #6b4c7d;

  /* Marca */
  --color-primary: #4b1d6b;
  --color-primary-hover: #3c1656;
  --color-secondary: #6d3a8f;

  /* Info */
  --info: #7c3aed;
  --info-bg: #f3e8ff;
  --info-border: #d8b4fe;
  --info-text: #4c1d95;

  /* Bordes */
  --border-default: #eadcf3;
  --border-strong: #d6c2e6;

  /* Sombras */
  --shadow-md: 0 8px 22px rgba(75,29,107,.22);
}










:root[data-theme="oceano"] {

  --bg-main: #f1f8fb;
  --bg-card: #e6f4fa;
  --bg-muted: #dbeef6;

  --text-primary: #0f2a3a;
  --text-secondary: #1f4b63;
  --text-muted: #4b6f84;

  --color-primary: #0ea5b7;
  --color-primary-hover: #0284a2;
  --color-secondary: #38bdf8;

  --info: #0284c7;
  --info-bg: #e0f2fe;
  --info-border: #bae6fd;
  --info-text: #075985;

  --border-default: #cfe4ef;
  --border-strong: #b6d7e6;

  --shadow-md: 0 8px 22px rgba(14,165,183,.22);
}

:root[data-theme="bosque"] {

  --bg-main: #f3f7f4;
  --bg-card: #e7f2eb;
  --bg-muted: #ddebe1;

  --text-primary: #1f3a2e;
  --text-secondary: #2f5a45;
  --text-muted: #5f7f6f;

  --color-primary: #2f855a;
  --color-primary-hover: #276749;
  --color-secondary: #68d391;

  --info: #38a169;
  --info-bg: #e6fffa;
  --info-border: #9ae6b4;
  --info-text: #22543d;

  --border-default: #cfe3d7;
  --border-strong: #b7d2c4;

  --shadow-md: 0 8px 22px rgba(47,133,90,.22);
}

:root[data-theme="sol"] {

  --bg-main: #fffbea;
  --bg-card: #fff3c4;
  --bg-muted: #fde68a;

  --text-primary: #4a2c0a;
  --text-secondary: #7c4a12;
  --text-muted: #a16207;

  --color-primary: #f59e0b;
  --color-primary-hover: #d97706;
  --color-secondary: #fbbf24;

  --info: #f59e0b;
  --info-bg: #fffbeb;
  --info-border: #fde68a;
  --info-text: #92400e;

  --border-default: #fcd34d;
  --border-strong: #fbbf24;

  --shadow-md: 0 8px 22px rgba(245,158,11,.28);
}

:root[data-theme="rosa"] {

  --bg-main: #fff5f7;
  --bg-card: #ffe4ec;
  --bg-muted: #fecdd3;

  --text-primary: #4a1d2f;
  --text-secondary: #7a2945;
  --text-muted: #a64b6b;

  --color-primary: #ec4899;
  --color-primary-hover: #db2777;
  --color-secondary: #f472b6;

  --info: #ec4899;
  --info-bg: #fff1f2;
  --info-border: #fbcfe8;
  --info-text: #9d174d;

  --border-default: #fbcfe8;
  --border-strong: #f9a8d4;

  --shadow-md: 0 8px 22px rgba(236,72,153,.25);
}

:root[data-theme="fuego"] {

  --bg-main: #fff7ed;
  --bg-card: #ffedd5;
  --bg-muted: #fed7aa;

  --text-primary: #431407;
  --text-secondary: #7c2d12;
  --text-muted: #9a3412;

  --color-primary: #ea580c;
  --color-primary-hover: #c2410c;
  --color-secondary: #fb923c;

  --info: #f97316;
  --info-bg: #fff7ed;
  --info-border: #fed7aa;
  --info-text: #9a3412;

  --border-default: #fdba74;
  --border-strong: #fb923c;

  --shadow-md: 0 8px 22px rgba(234,88,12,.28);
}

:root[data-theme="hielo"] {

  --bg-main: #f0f9ff;
  --bg-card: #e0f2fe;
  --bg-muted: #bae6fd;

  --text-primary: #082f49;
  --text-secondary: #075985;
  --text-muted: #3b82f6;

  --color-primary: #0ea5e9;
  --color-primary-hover: #0284c7;
  --color-secondary: #38bdf8;

  --info: #0ea5e9;
  --info-bg: #f0f9ff;
  --info-border: #bae6fd;
  --info-text: #075985;

  --border-default: #bae6fd;
  --border-strong: #7dd3fc;

  --shadow-md: 0 8px 22px rgba(14,165,233,.22);
}

:root[data-theme="grafito"] {

  --bg-main: #f4f4f5;
  --bg-card: #e4e4e7;
  --bg-muted: #d4d4d8;

  --text-primary: #18181b;
  --text-secondary: #3f3f46;
  --text-muted: #71717a;

  --color-primary: #27272a;
  --color-primary-hover: #18181b;
  --color-secondary: #52525b;

  --info: #52525b;
  --info-bg: #f4f4f5;
  --info-border: #d4d4d8;
  --info-text: #27272a;

  --border-default: #d4d4d8;
  --border-strong: #a1a1aa;

  --shadow-md: 0 8px 22px rgba(24,24,27,.25);
}

:root[data-theme="menta"] {

  --bg-main: #ecfdf5;
  --bg-card: #d1fae5;
  --bg-muted: #a7f3d0;

  --text-primary: #064e3b;
  --text-secondary: #065f46;
  --text-muted: #047857;

  --color-primary: #10b981;
  --color-primary-hover: #059669;
  --color-secondary: #6ee7b7;

  --info: #10b981;
  --info-bg: #ecfdf5;
  --info-border: #a7f3d0;
  --info-text: #065f46;

  --border-default: #a7f3d0;
  --border-strong: #6ee7b7;

  --shadow-md: 0 8px 22px rgba(16,185,129,.22);
}

:root[data-theme="noche-azul"] {

  --bg-main: #0b1220;
  --bg-card: #111827;
  --bg-muted: #1e293b;

  --text-primary: #e5e7eb;
  --text-secondary: #cbd5f5;
  --text-muted: #94a3b8;

  --color-primary: #6366f1;
  --color-primary-hover: #4f46e5;
  --color-secondary: #818cf8;

  --info: #60a5fa;
  --info-bg: rgba(99,102,241,.15);
  --info-border: rgba(129,140,248,.35);
  --info-text: #c7d2fe;

  --border-default: #1f2937;
  --border-strong: #334155;

  --shadow-md: 0 10px 28px rgba(0,0,0,.55);
}

:root[data-theme="sinapsys"] {

  /* Superficies */
  --bg-main: #f5f6f8;
  --bg-card: #ffffff;
  --bg-muted: #eef2f7;

  /* Texto */
  --text-primary: #163a70;
  --text-secondary: #35527d;
  --text-muted: #6d7d96;
  --text-inverse: #ffffff;

  /* Marca */
  --color-primary: #163a70;
  --color-primary-hover: #102c57;
  --color-secondary: #d3a23a;

  /* Estados */
  --color-success: #2d6a4f;
  --color-warning: #b7791f;
  --color-danger: #b42318;
  --color-info: #315f9c;

  /* Bordes */
  --border-default: #d8e1ec;
  --border-strong: #b9c7d8;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(22,58,112,.08);
  --shadow-md: 0 8px 24px rgba(22,58,112,.14);

  /* Radios */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Success */
  --success: #2d6a4f;
  --success-bg: #e8f5ee;
  --success-border: #abd8bf;
  --success-text: #1f513c;

  /* Warning */
  --warning: #c6922e;
  --warning-bg: #fff8e8;
  --warning-border: #ecd08a;
  --warning-text: #7a5615;

  /* Danger */
  --danger: #b42318;
  --danger-bg: #fdecec;
  --danger-border: #f4b3ad;
  --danger-text: #7a1e1e;
  --danger-soft: rgba(180, 35, 24, 0.10);
  --danger-soft-strong: rgba(180, 35, 24, 0.18);

  /* Info */
  --info: #315f9c;
  --info-bg: #edf4fb;
  --info-border: #bfd1e8;
  --info-text: #1d4270;
}