/* Variables CSS por defecto */
:root {
  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-secondary: #6366f1;
  --color-accent: #8b5cf6;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-text: #1e293b;
  --color-text-muted: #64748b;
}

/* Tema Coral - Rosa/Verde pastel */
[data-theme="coral"] {
  --color-primary: #FFAAB8;
  --color-primary-hover: #FFD8DF;
  --color-secondary: #A8DF8E;
  --color-accent: #F0FFDF;
  --color-background: #ffffff;
  --color-surface: #FFF8F9;
  --color-text: #4a4a4a;
  --color-text-muted: #6b6b6b;
}

/* Tema Sunset - Rojos cálidos */
[data-theme="sunset"] {
  --color-primary: #EA7B7B;
  --color-primary-hover: #D25353;
  --color-secondary: #9E3B3B;
  --color-accent: #FFEAD3;
  --color-background: #FFEAD3;
  --color-surface: #FFF5EB;
  --color-text: #9E3B3B;
  --color-text-muted: #D25353;
}

/* Tema Ocean Deep - Azules profundos */
[data-theme="ocean-deep"] {
  --color-primary: #5F9598;
  --color-primary-hover: #1D546D;
  --color-secondary: #061E29;
  --color-accent: #F3F4F4;
  --color-background: #F3F4F4;
  --color-surface: #E8EAEA;
  --color-text: #061E29;
  --color-text-muted: #1D546D;
}

/* Tema Citrus - Amarillos/Naranjas */
[data-theme="citrus"] {
  --color-primary: #FA5C5C;
  --color-primary-hover: #FD8A6B;
  --color-secondary: #FEC288;
  --color-accent: #FBEF76;
  --color-background: #FFFEF5;
  --color-surface: #FFF9E6;
  --color-text: #5a4a3a;
  --color-text-muted: #8a7a6a;
}

/* Tema Teal - Verdes azulados */
[data-theme="teal"] {
  --color-primary: #3BC1A8;
  --color-primary-hover: #249E94;
  --color-secondary: #0C7779;
  --color-accent: #005461;
  --color-background: #F0FFFE;
  --color-surface: #E0F7F5;
  --color-text: #005461;
  --color-text-muted: #0C7779;
}

/* Tema Neon - Cian/Rosa vibrante */
[data-theme="neon"] {
  --color-primary: #00F7FF;
  --color-primary-hover: #B0FFFA;
  --color-secondary: #FF0087;
  --color-accent: #FF7DB0;
  --color-background: #0a0a0a;
  --color-surface: #1a1a1a;
  --color-text: #ffffff;
  --color-text-muted: #B0FFFA;
}

/* Tema Lavender - Púrpuras suaves */
[data-theme="lavender"] {
  --color-primary: #B153D7;
  --color-primary-hover: #4D2FB2;
  --color-secondary: #F375C2;
  --color-accent: #0E21A0;
  --color-background: #FAF5FF;
  --color-surface: #F3E8FF;
  --color-text: #0E21A0;
  --color-text-muted: #4D2FB2;
}

/* Tema Earth - Tonos tierra */
[data-theme="earth"] {
  --color-primary: #E5BA41;
  --color-primary-hover: #D1855C;
  --color-secondary: #94A378;
  --color-accent: #2D3C59;
  --color-background: #FAF8F5;
  --color-surface: #F5F0E8;
  --color-text: #2D3C59;
  --color-text-muted: #94A378;
}

/* Tema Fire - Rojos intensos */
[data-theme="fire"] {
  --color-primary: #F63049;
  --color-primary-hover: #D02752;
  --color-secondary: #8A244B;
  --color-accent: #111F35;
  --color-background: #FFF5F7;
  --color-surface: #FFE8EC;
  --color-text: #111F35;
  --color-text-muted: #8A244B;
}

/* Tema Dark */
[data-theme="dark"] {
  --color-primary: #60a5fa;
  --color-primary-hover: #93c5fd;
  --color-secondary: #818cf8;
  --color-accent: #a78bfa;
  --color-background: #0f172a;
  --color-surface: #1e293b;
  --color-text: #f1f5f9;
  --color-text-muted: #94a3b8;
}