:root {
    /* =========================
       CORES — DARK (default)
    ========================= */
    --bg-main: #0b0f19;
    --bg-surface: #111827;
    --bg-card: #0f172a;
    --bg-hover: #1e293b;

    --border: #1f2937;

    --text-title: #f9fafb;
    --text-main: #e5e7eb;
    --text-muted: #9ca3af;

    --primary: #6366f1;
    --primary-hover: #4f46e5;

    --success: #22c55e;
    --warning: #f59e0b;
    --danger:  #ef4444;

    /* =========================
       TIPOGRAFIA
    ========================= */
    --font: 'Inter', system-ui, -apple-system, sans-serif;

    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-md: 16px;
    --fs-lg: 20px;
    --fs-xl: 26px;

    /* =========================
       ESPAÇAMENTO
    ========================= */
    --space-xs: 6px;
    --space-sm: 10px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    /* =========================
       UI
    ========================= */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;

    --shadow-sm: 0 4px 12px rgba(0,0,0,.25);
    --shadow-md: 0 12px 30px rgba(0,0,0,.4);
    --shadow-lg: 0 30px 80px rgba(0,0,0,.6);

    --transition: .15s ease;
}

/* =========================
   LIGHT MODE
========================= */
[data-theme="light"] {
    --bg-main: #f3f4f6;
    --bg-surface: #ffffff;
    --bg-card: #ffffff;
    --bg-hover: #e5e7eb;

    --border: #d1d5db;

    --text-title: #111827;
    --text-main: #1f2937;
    --text-muted: #6b7280;

    /* Cores semânticas ajustadas */
    --primary: #4f46e5;
    --primary-hover: #4338ca;

    --success: #16a34a;
    --warning: #d97706;
    --danger:  #dc2626;

    /* Sombras mais leves no light */
    --shadow-sm: 0 4px 12px rgba(0,0,0,.08);
    --shadow-md: 0 12px 30px rgba(0,0,0,.12);
    --shadow-lg: 0 30px 80px rgba(0,0,0,.18);
}