/* themes.css */

:root {
    /* Paleta de Status */
    --color-success: #10b981; /* Verde */
    --color-success-light: #d1fae5;
    
    --color-danger: #ef4444; /* Vermelho */
    --color-danger-light: #fee2e2;
    
    --color-warning: #f59e0b; /* Amarelo */
    --color-warning-light: #fef3c7;
    
    --color-info: #3b82f6; /* Azul */
    --color-info-light: #dbeafe;
    
    --color-neutral: #6b7280; /* Cinza */
    --color-neutral-light: #f3f4f6;

    /* Primária (Marca) */
    --color-primary: #0f172a;
    --color-primary-hover: #1e293b;
    --color-primary-light: #e2e8f0;
    
    /* Outros globais */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
}

/* Light Theme (Padrão) */
.theme-light {
    --bg-base: #f8fafc;
    --bg-surface: #ffffff;
    --bg-surface-hover: #f1f5f9;
    
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-tertiary: #94a3b8;
    
    --border-color: #e2e8f0;
    
    /* Cores de ícones e inputs */
    --input-bg: #ffffff;
    --input-border: #cbd5e1;
    --input-focus: #3b82f6;
    
    --nav-bg: #ffffff;
    --nav-border: #e2e8f0;
    --nav-icon: #64748b;
    --nav-icon-active: #0f172a;
}

/* Dark Theme */
.theme-dark {
    --bg-base: #121214;
    --bg-surface: #18181b;
    --bg-surface-hover: #27272a;
    
    --text-primary: #f8fafc;
    --text-secondary: #e4e4e7;
    --text-tertiary: #a1a1aa;
    
    --border-color: #27272a;
    
    --input-bg: #121214;
    --input-border: #3f3f46;
    --input-focus: #3b82f6;
    
    --nav-bg: #1e293b;
    --nav-border: #334155;
    --nav-icon: #94a3b8;
    --nav-icon-active: #f8fafc;
    
    --color-primary: #3b82f6;
    --color-primary-hover: #2563eb;
    
    /* Ajustes na paleta light para o dark */
    --color-success-light: rgba(16, 185, 129, 0.2);
    --color-danger-light: rgba(239, 68, 68, 0.2);
    --color-warning-light: rgba(245, 158, 11, 0.2);
    --color-info-light: rgba(59, 130, 246, 0.2);
    --color-neutral-light: rgba(107, 114, 128, 0.2);
}