:root {
    /* Colors - Dark Theme (Slate & Neon) */
    --bg-app: #0f172a;
    --bg-card: #1e293b;
    --bg-card-hover: #334155;

    --primary: #22c55e;
    /* Green */
    --primary-glow: rgba(34, 197, 94, 0.4);

    --accent: #8b5cf6;
    /* Purple */
    --accent-glow: rgba(139, 92, 246, 0.4);

    --text-main: #f8fafc;
    --text-muted: #94a3b8;

    --border-subtle: rgba(255, 255, 255, 0.05);

    /* Typography */
    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Spacing */
    --nav-height: 70px;
    --safe-area-bottom: env(safe-area-inset-bottom, 20px);
}

body {
    background-color: var(--bg-app);
    color: var(--text-main);
}