/**
 * Evo Academy — CSS Variables (Temas Dark/Light)
 *
 * Cores extraídas do protótipo evo-academy-v4.jsx
 * Font: DM Sans (Google Fonts)
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&display=swap');

/* ===== DARK THEME (default) ===== */
body.dark,
:root {
    --bg: #05080f;
    --bg-card: #0c1219;
    --bg-card-hover: #121c27;
    --bg-surface: #080e16;

    --accent: #22c55e;
    --accent-light: #34d399;
    --accent-teal: #0ea5e9;
    --accent-glow: rgba(34, 197, 94, 0.14);
    --accent-glow2: rgba(34, 197, 94, 0.07);

    --green: #22c55e;
    --green-glow: rgba(34, 197, 94, 0.14);
    --yellow: #eab308;
    --yellow-glow: rgba(234, 179, 8, 0.12);
    --red: #ef4444;
    --orange: #f97316;

    --text: #f1f5f9;
    --text-muted: #94a3b8;
    --text-dim: #64748b;

    --border: #1a2332;
    --border-light: #253344;

    --shadow: rgba(0, 0, 0, 0.5);
    --overlay-bg: rgba(0, 0, 0, 0.8);
    --gradient: linear-gradient(135deg, #22c55e, #0ea5e9);
}

/* ===== LIGHT THEME ===== */
body.light {
    --bg: #f0f4f8;
    --bg-card: #ffffff;
    --bg-card-hover: #f8fafb;
    --bg-surface: #e8edf2;

    --accent: #16a34a;
    --accent-light: #22c55e;
    --accent-teal: #0284c7;
    --accent-glow: rgba(22, 163, 74, 0.1);
    --accent-glow2: rgba(22, 163, 74, 0.05);

    --green: #16a34a;
    --green-glow: rgba(22, 163, 74, 0.08);
    --yellow: #ca8a04;
    --yellow-glow: rgba(202, 138, 4, 0.08);
    --red: #dc2626;
    --orange: #ea580c;

    --text: #0f172a;
    --text-muted: #475569;
    --text-dim: #94a3b8;

    --border: #e2e8f0;
    --border-light: #cbd5e1;

    --shadow: rgba(0, 0, 0, 0.06);
    --overlay-bg: rgba(0, 0, 0, 0.5);
    --gradient: linear-gradient(135deg, #16a34a, #0284c7);
}