/* 
   Zimway Neo-Bank Design System 
   Theme: Dark, Futuristic, Premium
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

:root {
    /* Core Colors - Global Premium Palette */
    --bg-light: #FDFDFF;
    --bg-subtle: #F1F4F9;
    --bg-dark: #050A1A;
    /* Deeper, more world-class dark */
    --bg-card: #FFFFFF;
    --bg-glass: rgba(255, 255, 255, 0.85);

    /* Accents - The "Global" Look */
    --primary: #2D5BFF;
    /* Electric Blue */
    --primary-dark: #12239E;
    --primary-glow: rgba(45, 91, 255, 0.12);

    --secondary: #7000FF;
    /* High-end Violet Accent */
    --secondary-dark: #4C00AD;
    --secondary-glow: rgba(112, 0, 255, 0.08);

    --accent-gold: #C69A27;
    /* Rich Gold for Premium Tier */
    --accent-emerald: #00D1A0;
    --accent-rose: #FF3B6B;

    /* Typography Colors */
    --text-main: #0B1226;
    --text-muted: #6B7A99;
    --text-light: #9DA8BE;
    --text-white: #FFFFFF;

    /* World-Class Gradients */
    --grad-primary: linear-gradient(135deg, #2D5BFF 0%, #7000FF 100%);
    /* Blue to Violet */
    --grad-gold: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    /* Multi-stop Gold for realistic shimmer */
    --grad-dark: linear-gradient(135deg, #0B1226 0%, #050A1A 100%);
    --grad-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%);
    --grad-hero: radial-gradient(circle at 0% 0%, rgba(45, 91, 255, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 100% 100%, rgba(112, 0, 255, 0.08) 0%, transparent 40%);

    /* Typography */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;

    /* Border & Radius - Softer, Premium Edges */
    --border-subtle: 1px solid #E9EDF5;
    --border-glass: 1px solid rgba(255, 255, 255, 0.3);
    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-xl: 40px;
    --radius-full: 9999px;

    /* Shadows - Deep, Expensive Shadows */
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 25px 45px -10px rgba(11, 18, 38, 0.1);
    --shadow-xl: 0 40px 80px -20px rgba(11, 18, 38, 0.2);
    --shadow-primary: 0 20px 40px -10px rgba(45, 91, 255, 0.35);

    /* Transitions */
    --trans-fast: 0.15s ease;
    --trans-base: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}