/* Normax Capital - Design System Variables (Light Theme with Cyan Accent) */

:root {
    /* Primary Colors - Clean Whites & Neutrals */
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f8fafc;
    --color-bg-tertiary: #f1f5f9;
    --color-bg-card: #ffffff;
    --color-bg-glass: rgba(255, 255, 255, 0.9);
    --color-bg-sidebar: #fafbfc;
    --color-bg-hover: #f1f5f9;

    /* Brand Colors - Cyan Primary */
    --color-primary: #2BCEE4;
    --color-primary-light: #5DD9EB;
    --color-primary-dark: #1FB5C9;
    --color-primary-gradient: linear-gradient(135deg, #2BCEE4 0%, #5DD9EB 50%, #2BCEE4 100%);
    --color-primary-soft: rgba(43, 206, 228, 0.1);

    /* Button Colors */
    --color-btn-primary: #283347;
    --color-btn-secondary: rgba(40, 51, 71, 0.4);

    /* Navy/Dark */
    --color-navy: #283347;
    --color-navy-light: #3a4a63;
    --color-navy-dark: #1a2233;

    /* Crypto Asset Colors */
    --color-btc: #f7931a;
    --color-eth: #627eea;
    --color-usdt: #26a17b;
    --color-usdc: #2775ca;
    --color-bnb: #f3ba2f;
    --color-eur: #0052b4;

    /* Status Colors */
    --color-success: #059669;
    --color-success-light: #10b981;
    --color-success-bg: rgba(5, 150, 105, 0.1);
    --color-warning: #d97706;
    --color-warning-light: #f59e0b;
    --color-warning-bg: rgba(217, 119, 6, 0.1);
    --color-error: #dc2626;
    --color-error-light: #ef4444;
    --color-error-bg: rgba(220, 38, 38, 0.1);
    --color-info: #2BCEE4;
    --color-info-light: #5DD9EB;
    --color-info-bg: rgba(43, 206, 228, 0.1);
    --color-pending: #7c3aed;
    --color-pending-bg: rgba(124, 58, 237, 0.1);

    /* Text Colors */
    --color-text-primary: #283347;
    --color-text-secondary: #4D4D4D;
    --color-text-tertiary: #64748b;
    --color-text-muted: #94a3b8;
    --color-text-inverse: #ffffff;

    /* Border Colors */
    --color-border: #e2e8f0;
    --color-border-light: #f1f5f9;
    --color-border-dark: #cbd5e1;
    --color-border-primary: rgba(43, 206, 228, 0.3);

    /* Legacy aliases for gold (now maps to primary cyan) */
    --color-gold: #2BCEE4;
    --color-gold-light: #5DD9EB;
    --color-gold-dark: #1FB5C9;
    --color-gold-gradient: linear-gradient(135deg, #2BCEE4 0%, #5DD9EB 50%, #2BCEE4 100%);
    --color-gold-soft: rgba(43, 206, 228, 0.1);
    --color-border-gold: rgba(43, 206, 228, 0.3);

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 3rem;
    --font-size-6xl: 3.75rem;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.625;

    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;

    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-full: 9999px;

    /* Shadows - Soft & Elegant */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    --shadow-primary: 0 4px 20px rgba(43, 206, 228, 0.25);
    --shadow-gold: 0 4px 20px rgba(43, 206, 228, 0.25);
    --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-card-hover: 0 10px 40px rgba(0, 0, 0, 0.08);

    /* Glass Effect - Light */
    --glass-blur: blur(20px);
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: 1px solid rgba(0, 0, 0, 0.05);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;
    --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Z-index Scale */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-modal-backdrop: 400;
    --z-modal: 500;
    --z-popover: 600;
    --z-tooltip: 700;

    /* Layout */
    --sidebar-width: 280px;
    --sidebar-collapsed: 80px;
    --header-height: 72px;
    --max-content-width: 1400px;
}