/* 
 * CheckMaker - Theme System
 * Sistema de temas claro e escuro
 */

/* === TEMA CLARO (Padrão) === */
:root {
    --theme-bg-primary: #ffffff;
    --theme-bg-secondary: #f8fafc;
    --theme-bg-tertiary: #f1f5f9;
    --theme-bg-hover: #e2e8f0;

    --theme-text-primary: #1e293b;
    --theme-text-secondary: #64748b;
    --theme-text-tertiary: #94a3b8;

    --theme-border: #e2e8f0;
    --theme-border-dark: #cbd5e1;

    --theme-shadow: rgba(0, 0, 0, 0.1);
    --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

    --theme-sidebar-bg: #1e293b;
    --theme-sidebar-text: #e2e8f0;
    --theme-sidebar-active: #3b82f6;

    --theme-header-bg: #ffffff;
    --theme-header-border: #e2e8f0;
}

/* === TEMA ESCURO === */
[data-theme="dark"] {
    --theme-bg-primary: #1e293b;
    --theme-bg-secondary: #0f172a;
    --theme-bg-tertiary: #334155;
    --theme-bg-hover: #475569;

    --theme-text-primary: #f1f5f9;
    --theme-text-secondary: #cbd5e1;
    --theme-text-tertiary: #94a3b8;

    --theme-border: #334155;
    --theme-border-dark: #475569;

    --theme-shadow: rgba(0, 0, 0, 0.3);
    --theme-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3);

    --theme-sidebar-bg: #0f172a;
    --theme-sidebar-text: #e2e8f0;
    --theme-sidebar-active: #3b82f6;

    --theme-header-bg: #1e293b;
    --theme-header-border: #334155;
}

/* Transição suave entre temas */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}