:root {
    /* Light Mode Palette - Premium Fintech */
    --primary-color: #0F172A;
    /* Deep Navy */
    --primary-light: #1E293B;
    --accent-color: #3B82F6;
    /* Modern Blue */
    --accent-glow: rgba(59, 130, 246, 0.5);
    --success-color: #10B981;
    --warning-color: #F59E0B;
    --danger-color: #EF4444;

    --bg-body: #F8FAFC;
    --bg-card: #FFFFFF;
    --bg-header: #FFFFFF;

    --text-primary: #0F172A;
    --text-secondary: #64748B;
    --text-muted: #94A3B8;

    --border-color: #E2E8F0;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;

    --font-main: 'Inter', system-ui, -apple-system, sans-serif;
}

body.dark-mode {
    color-scheme: dark;
    /* Dark Mode Palette - Deep & Sleek */
    --primary-color: #F8FAFC;
    /* Light text for dark bg */
    --primary-light: #E2E8F0;
    --accent-color: #60A5FA;
    --accent-glow: rgba(96, 165, 250, 0.4);

    --bg-body: #0F172A;
    /* Very darkest navy */
    --bg-card: #1E293B;
    /* Slightly lighter */
    --bg-header: #1E293B;

    --text-primary: #F1F5F9;
    --text-secondary: #94A3B8;
    --text-muted: #64748B;

    --border-color: #334155;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}