/* Import Premium Components */
@import url('./premium-components.css');

/* Global Styles with Advanced Background System */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* World-Class Color Palette - Fintech Grade */
:root {
    --primary-color: #2563eb;
    --secondary-color: #14b8a6;
    --accent-color: #22c55e;
    --dark-base: #0f172a;
    --dark-secondary: #1e293b;
    --bg-main: #ffffff;
    --text-main: #0f172a;
    --text-secondary: #475569;
    --card-bg: rgba(255, 255, 255, 0.6);
    --card-border: rgba(255, 255, 255, 0.3);
    --shadow-color: rgba(0, 0, 0, 0.08);
    --ambient-1: #eef2ff;
    --ambient-2: #e0f2fe;
    --ambient-3: #f0fdf4;
}

/* Automatic Dark Mode - Device Based (Default) */
@media (prefers-color-scheme: dark) {
    :root {
        --bg-main: #0f172a;
        --text-main: #f1f5f9;
        --text-secondary: #cbd5e1;
        --card-bg: rgba(30, 41, 59, 0.6);
        --card-border: rgba(255, 255, 255, 0.05);
        --shadow-color: rgba(0, 0, 0, 0.3);
        --ambient-1: #1e293b;
        --ambient-2: #334155;
        --ambient-3: #475569;
    }
}

/* Manual Theme Control - Overrides auto detection when user selects */
body[data-theme="light"] {
    --bg-main: #ffffff !important;
    --text-main: #0f172a !important;
    --text-secondary: #475569 !important;
    --card-bg: rgba(255, 255, 255, 0.6) !important;
    --card-border: rgba(255, 255, 255, 0.3) !important;
    --shadow-color: rgba(0, 0, 0, 0.08) !important;
    --ambient-1: #eef2ff !important;
    --ambient-2: #e0f2fe !important;
    --ambient-3: #f0fdf4 !important;
}

body[data-theme="dark"] {
    --bg-main: #0f172a !important;
    --text-main: #f1f5f9 !important;
    --text-secondary: #cbd5e1 !important;
    --card-bg: rgba(30, 41, 59, 0.6) !important;
    --card-border: rgba(255, 255, 255, 0.05) !important;
    --shadow-color: rgba(0, 0, 0, 0.3) !important;
    --ambient-1: #1e293b !important;
    --ambient-2: #334155 !important;
    --ambient-3: #475569 !important;
}

/* Rest of the existing styles... */
/* (keeping all existing styling for backward compatibility) */