:root {
  /* Default Theme (Dark / Original) */
  --color-primary: #d71d1d;
  --color-primary-dark: #a3a3a3;
  --color-secondary: #F59E0B;
  --color-bg: #000000;
  --color-bg-card: #1F2937;
  --color-bg-card2: #202a3a;
  --color-bg-input: #374151;
  --color-text: #F9FAFB;
  --color-text-muted: #9CA3AF;
  --color-border: #374151;
  
  --font-main: 'Inter', sans-serif;
  --font-display: 'Cinzel', serif;
  
  --color-number-control: #2c7dff;
}

/* Theme 2: Light (Claro) */
[data-theme="light"] {
  --color-primary: #6B46C1;
  --color-primary-dark: #553C9A;
  --color-secondary: #D97706;
  --color-bg-input: #F9FAFB;
  --color-bg: #F3F4F6;
  --color-bg2: #E5E7EB;
  --color-bg-card: #FFFFFF;
  --color-bg-card2: #F9FAFB;
  --color-text: #111827;
  --color-text-muted: #4B5563;
  --color-border: #D1D5DB;
  --color-number-control: #6B46C1;
}

/* Theme 3: Scroll (Pergaminho) */
[data-theme="scroll"] {
  --color-primary: #8B4513;
  --color-primary-dark: #654321;
  --color-secondary: #B45309;
  --color-bg: #F5E6D3;
  --color-bg2: #68522a;
  --color-bg-card: #E8DCC5;
  --color-bg-card2: #D4C5A9;
  --color-bg-input: #D4C5A9;
  --color-text: #2C1810;
  --color-text-muted: #5D4037;
  --color-border: #A1887F;
  --color-number-control: #8B4513;
}

/* Theme 4: Cyberpunk */
[data-theme="cyberpunk"] {
  --color-primary: #ff0055;
  --color-primary-dark: #cc0044;
  --color-secondary: #00f2ff;
  --color-bg-input: #2a2a2a;
  --color-bg: #050505;
  --color-bg2: #1a1a1a;
  --color-bg-card: #161616;
  --color-bg-card2: #222222;
  --color-text: #ffe6e6;
  --color-text-muted: #b38181;
  --color-border: #ff0055;
  --color-number-control: #ff0055;
}

/* Theme 5: Forest (Floresta) */
[data-theme="forest"] {
  --color-primary: #10B981;
  --color-primary-dark: #059669;
  --color-secondary: #FBBF24;
  --color-bg-input: #489f6f;
  --color-bg: #064E3B;
  --color-bg-card: #065F46;
  --color-bg-card2: #047857;
  --color-bg2: #03392b;
  --color-bg-input: #047857;
  --color-text: #ECFDF5;
  --color-text-muted: #A7F3D0;
  --color-border: #059669;
  --color-number-control: #10B981;
}