/**
 * Design System - Variáveis Globais de CSS
 * Cores inspiradas em plataformas SaaS modernas (Stripe, Linear, Notion)
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');

:root {
    /* Cores de Fundo (Light Mode Base - Inspirado no Notion/Stripe Light) */
    --bg-app: #f8fafc;
    --bg-card: #ffffff;
    --bg-card-hover: #f1f5f9;
    --bg-sidebar: #0f172a; /* Azul Escuro */
    --bg-sidebar-hover: #1e293b;
    
    /* Cores de Texto */
    --text-primary: #0f172a;     /* Azul escuro quase preto */
    --text-secondary: #475569;   /* Cinza ardósia */
    --text-muted: #64748b;       /* Cinza médio */
    --text-light: #f8fafc;       /* Texto claro para elementos escuros */
    --text-sidebar: #94a3b8;     /* Texto para a sidebar escura */
    --text-sidebar-active: #ffffff;
    
    /* Cores de Destaque e Ações */
    --accent-blue: #2563eb;       /* Azul Royal */
    --accent-purple: #6366f1;     /* Roxo Suave / Indigo */
    --accent-neon-blue: #06b6d4;  /* Azul Neon / Ciano */
    --accent-green: #10b981;      /* Verde Esmeralda */
    --accent-green-hover: #059669;
    --accent-green-light: #ecfdf5;/* Fundo verde suave */
    --accent-red: #ef4444;        /* Vermelho (Denúncias / Erros) */
    --accent-red-light: #fef2f2;
    --accent-orange: #f59e0b;     /* Laranja / Amarelo (Avisos / Pendentes) */
    --accent-orange-light: #fffbeb;
    
    /* Bordas e Divisores */
    --border-color: #e2e8f0;      /* Divisores claros */
    --border-color-dark: #334155; /* Divisores na sidebar */
    
    /* Tipografia */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-title: 'Montserrat', 'Poppins', sans-serif;
    
    /* Bordas, Sombras e Transições */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 9999px;
    
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.08);
    --shadow-neon: 0 0 15px rgba(6, 182, 212, 0.25);
    
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Tema Dark opcional/adicional (Ativado por classe no body se o usuário quiser) */
body.dark-theme {
    --bg-app: #090d16;
    --bg-card: #111827;
    --bg-card-hover: #1f2937;
    --text-primary: #f3f4f6;
    --text-secondary: #9ca3af;
    --text-muted: #6b7280;
    --border-color: #1f2937;
    --bg-sidebar: #030712;
}