/* ============================================
   TEMA ESCURO (DARK) - Tema Original
   ============================================ */
:root,
:root[data-theme="dark"] {
  --color-skin-base: #0a0a0f;
  --color-skin-surface: #151520;
  --color-skin-muted: #1f1f2e;
  --color-skin-text: #f5f5f7;
  --color-skin-text-muted: #a0a0b0;
  --color-skin-accent: #e63946;
  --color-skin-accent-hover: #f72d47;
  --color-skin-accent-secondary: #d90429;
  --color-skin-border: #2a2a3e;

  --color-skin-success: #22c55e;
  --color-skin-success-dark: #16a34a;
  --color-skin-error: #ef4444;
  --color-skin-error-dark: #dc2626;
  --color-skin-warning: #f59e0b;
  --color-skin-warning-dark: #d97706;
  --color-skin-info: #3b82f6;
  --color-skin-info-dark: #2563eb;
}

/* ============================================
   TEMA CLARO (LIGHT)
   ============================================ */
:root[data-theme="light"] {
  --color-skin-base: #ffffff;
  --color-skin-surface: #f5f5f7;
  --color-skin-muted: #e8e8ed;
  --color-skin-text: #1a1a1f;
  --color-skin-text-muted: #6b6b7b;
  --color-skin-accent: #e63946;
  --color-skin-accent-hover: #f72d47;
  --color-skin-accent-secondary: #d90429;
  --color-skin-border: #d0d0d8;

  --color-skin-success: #16a34a;
  --color-skin-success-dark: #15803d;
  --color-skin-error: #dc2626;
  --color-skin-error-dark: #b91c1c;
  --color-skin-warning: #d97706;
  --color-skin-warning-dark: #b45309;
  --color-skin-info: #2563eb;
  --color-skin-info-dark: #1d4ed8;
}

/* ============================================
   TEMA CYBER
   ============================================ */
:root[data-theme="cyber"] {
  --color-skin-base: #000000;
  --color-skin-surface: #0d1117;
  --color-skin-muted: #161b22;
  --color-skin-text: #00ff88;
  --color-skin-text-muted: #00cc66;
  --color-skin-accent: #00ffff;
  --color-skin-accent-hover: #00dddd;
  --color-skin-accent-secondary: #00bbbb;
  --color-skin-border: #1f6feb;

  --color-skin-success: #00ff88;
  --color-skin-success-dark: #00cc66;
  --color-skin-error: #ff0055;
  --color-skin-error-dark: #dd0044;
  --color-skin-warning: #ffaa00;
  --color-skin-warning-dark: #dd8800;
  --color-skin-info: #1f6feb;
  --color-skin-info-dark: #1a5cd9;
}