/* ===== THEME VARIABLES ===== */

/* Dark Theme (Default) */
[data-theme="dark"] {
  /* Background Colors */
  --bg-primary: #09090b;        /* zinc-950 */
  --bg-secondary: #18181b;      /* zinc-900 */
  --bg-tertiary: #27272a;       /* zinc-800 */
  --bg-quaternary: #3f3f46;     /* zinc-700 */
  --bg-hover: #27272a;          /* zinc-800 hover */
  --bg-active: #3f3f46;         /* zinc-700 active */
  
  /* New Component Specific Variables */
  --surface-color: #18181b;      /* zinc-900 */
  --surface-secondary: #27272a;  /* zinc-800 */
  --header-bg: #09090b;          /* zinc-950 */
  --hover-bg: #27272a;           /* zinc-800 hover */
  
  /* Text Colors */
  --text-primary: #fafafa;      /* zinc-50 */
  --text-secondary: #e4e4e7;    /* zinc-200 */
  --text-tertiary: #a1a1aa;     /* zinc-400 */
  --text-muted: #71717a;        /* zinc-500 */
  --text-color: #fafafa;        /* zinc-50 */
  
  /* Border Colors */
  --border-primary: #27272a;    /* zinc-800 */
  --border-secondary: #3f3f46;  /* zinc-700 */
  --border-hover: #52525b;      /* zinc-600 */
  --border-color: #27272a;      /* zinc-800 */
  
  /* Accent Colors */
  --accent-primary: #10b981;    /* emerald-500 (verde) */
  --accent-hover: #059669;      /* emerald-600 */
  --accent-light: #047857;      /* emerald-700 */
  --primary-color: #10b981;     /* emerald-500 (verde) */
  --primary-color-alpha: rgba(16, 185, 129, 0.1); /* emerald-500 with alpha */
  --primary-color-rgb: 16, 185, 129; /* emerald-500 RGB values */
  
  /* Status Colors */
  --success: #10b981;           /* emerald-500 */
  --warning: #f59e0b;           /* amber-500 (mantém laranja) */
  --error: #ef4444;             /* red-500 */
  --success-color: #10b981;     /* emerald-500 */
  --success-color-rgb: 16, 185, 129; /* emerald-500 RGB values */
  --warning-color: #f59e0b;     /* amber-500 (mantém laranja) */
  --warning-color-rgb: 245, 158, 11; /* amber-500 RGB values */
  --error-color: #ef4444;       /* red-500 */
  
  /* Shadow */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  
  /* Scrollbar */
  --scrollbar-track: #18181b;
  --scrollbar-thumb: #3f3f46;
  --scrollbar-thumb-hover: #52525b;
}

/* Light Theme */
[data-theme="light"] {
  /* Background Colors */
  --bg-primary: #ffffff;      /* white */
  --bg-secondary: #f4f4f5;    /* zinc-100 */
  --bg-tertiary: #e4e4e7;     /* zinc-200 */
  --bg-quaternary: #d4d4d8;   /* zinc-300 */
  --bg-hover: #f1f5f9;        /* slate-100 hover */
  --bg-active: #e2e8f0;       /* slate-200 active */
  
  /* New Component Specific Variables */
  --surface-color: #ffffff;    /* white */
  --surface-secondary: #f4f4f5; /* zinc-100 */
  --header-bg: #f8fafc;        /* slate-50 */
  --hover-bg: #f1f5f9;         /* slate-100 hover */
  
  /* Text Colors */
  --text-primary: #18181b;    /* zinc-900 */
  --text-secondary: #27272a;  /* zinc-800 */
  --text-tertiary: #52525b;   /* zinc-600 */
  --text-muted: #71717a;      /* zinc-500 */
  --text-color: #18181b;      /* zinc-900 */
  
  /* Border Colors */
  --border-primary: #e4e4e7;  /* zinc-200 */
  --border-secondary: #d4d4d8; /* zinc-300 */
  --border-hover: #a1a1aa;    /* zinc-400 */
  --border-color: #e4e4e7;    /* zinc-200 */
  
  /* Accent Colors */
  --accent-primary: #3b82f6;  /* blue-500 */
  --accent-hover: #2563eb;    /* blue-600 */
  --accent-light: #1d4ed8;    /* blue-700 */
  --primary-color: #3b82f6;   /* blue-500 */
  --primary-color-alpha: rgba(59, 130, 246, 0.1); /* blue-500 with alpha */
  --primary-color-rgb: 59, 130, 246; /* blue-500 RGB values */
  
  /* Status Colors */
  --success: #059669;         /* emerald-600 */
  --warning: #d97706;         /* amber-600 */
  --error: #dc2626;           /* red-600 */
  --success-color: #059669;   /* emerald-600 */
  --success-color-rgb: 5, 150, 105; /* emerald-600 RGB values */
  --warning-color: #d97706;   /* amber-600 */
  --warning-color-rgb: 217, 119, 6; /* amber-600 RGB values */
  --error-color: #dc2626;     /* red-600 */
  
  /* Shadow */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  
  /* Scrollbar */
  --scrollbar-track: #f4f4f5;
  --scrollbar-thumb: #d4d4d8;
  --scrollbar-thumb-hover: #a1a1aa;
}

/* ===== THEME TRANSITIONS ===== */
* {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* ===== SCROLLBAR STYLING ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
} 