/* ============================================
   AppRota - Variáveis CSS e Temas
   ============================================ */

:root {
    /* Cores - Tema Escuro (padrão) */
    --bg: #0a0e17;
    --surface: #131820;
    --surface2: #1a2232;
    --border: #1e293b;
    --text: #e2e8f0;
    --text2: #94a3b8;

    /* Cores de Ação */
    --primary: #38bdf8;
    --primary2: #0ea5e9;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;

    /* Layout */
    --radius: 12px;
    --radius-sm: 8px;
    --shadow: 0 4px 12px rgba(0,0,0,0.3);
    --transition: all 0.3s ease;

    /* Tipografia */
    --font: 'Inter', sans-serif;
}

/* Tema Claro */
.light-mode {
    --bg: #f1f5f9;
    --surface: #ffffff;
    --surface2: #e2e8f0;
    --border: #cbd5e1;
    --text: #0f172a;
    --text2: #475569;
}

/* Reset Global */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font);
    background: var(--bg);
    color: var(--text);
    min-height: 100vh;
    transition: background 0.3s, color 0.3s;
}