:root {
    /* Color Palette - Indigo Primary */
    --primary-50: #eef2ff;
    --primary-100: #e0e7ff;
    --primary-200: #c7d2fe;
    --primary-300: #a5b4fc;
    --primary-400: #818cf8;
    --primary-500: #6366f1;
    --primary-600: #4f46e5;
    --primary-700: #4338ca;

    /* Semantic Colors */
    --success: #10b981;
    --warning: #f59e0b;
    --error: #f43f5e;

    /* Neutral / Text */
    --slate-50: #f8fafc;
    --slate-800: #1e293b;
    --slate-900: #0f172a;
    --slate-950: #020617;
}

/* Light Mode Defaults */
:root {
    --bg-page: #f8fafc;
    /* slate-50 */
    --text-primary: #0f172a;
    /* slate-900 */
    --text-secondary: #475569;
    /* slate-600 */
    --text-tertiary: #94a3b8;
    /* slate-400 */

    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.5);

    --glass-card-bg: rgba(255, 255, 255, 0.5);
    --glass-card-hover: rgba(255, 255, 255, 0.8);
    --bg-card-input: rgba(255, 255, 255, 0.6);
}

/* Dark Mode Overrides */
html.dark :root {
    --bg-page: #0f172a;
    /* slate-900 */
    --text-primary: #f8fafc;
    /* slate-50 */
    --text-secondary: #cbd5e1;
    /* slate-300 */
    --text-tertiary: #64748b;
    /* slate-500 */

    --glass-bg: rgba(15, 23, 42, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);

    --glass-card-bg: rgba(30, 41, 59, 0.4);
    --glass-card-hover: rgba(30, 41, 59, 0.7);
    --bg-card-input: rgba(15, 23, 42, 0.6);
}

/* Typography */
:root {
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
}