:root,
[data-bs-theme="light"] {
    /* Background Colors — subtle lavender tint mirrors dark theme's purple DNA */
    --crypto-bg-base: #f4f3fa;
    --crypto-bg-primary: #f4f3fa;
    --crypto-bg-secondary: #eeedf6;
    --crypto-bg-elevated: #ffffff;
    --crypto-bg-elevated-hover: #f9f8fd;
    --crypto-bg-hover: #eae9f4;
    --crypto-bg-active: #e2e1ee;
    --crypto-bg-input: #ffffff;
    --crypto-bg-input-focus: #ffffff;
    --crypto-bg-glass: rgba(244, 243, 250, 0.95);
    --crypto-bg-glass-scrolled: rgba(244, 243, 250, 0.98);
    --crypto-bg-dropdown: rgba(255, 255, 255, 0.98);

    /* Glass/Overlay Layers */
    --crypto-glass-subtle: rgba(244, 243, 250, 0.6);
    --crypto-glass-light: rgba(244, 243, 250, 0.8);
    --crypto-glass-medium: rgba(255, 255, 255, 0.9);
    --crypto-glass-heavy: rgba(255, 255, 255, 0.95);
    --crypto-glass-navbar: rgba(244, 243, 250, 0.88);
    --crypto-glass-dropdown: rgba(255, 255, 255, 0.98);

    /* Overlay Variants (parity with dark theme) */
    --crypto-overlay-light: rgba(244, 243, 250, 0.6);
    --crypto-overlay-medium: rgba(244, 243, 250, 0.8);
    --crypto-overlay-heavy: rgba(244, 243, 250, 0.95);

    /* Text Colors — improved WCAG AA contrast */
    --crypto-text-primary: #111318;
    --crypto-text-primary-emphasis: #0a0b0e;
    --crypto-text-secondary: #3a3f51;
    --crypto-text-tertiary: #545a6e;
    --crypto-text-muted: #5e6478;
    --crypto-text-disabled: #848a9c;

    /* Monospace/Technical Text — deeper for better contrast on white cards */
    --crypto-text-mono: #4a4bc8;
    --crypto-text-mono-highlight: #3e3fb5;

    /* Border Colors — lavender-tinted for cohesion, stronger for definition */
    --crypto-border: rgba(100, 100, 160, 0.14);
    --crypto-border-subtle: rgba(100, 100, 160, 0.08);
    --crypto-border-default: rgba(100, 100, 160, 0.14);
    --crypto-border-emphasis: rgba(100, 100, 160, 0.22);
    --crypto-border-strong: rgba(100, 100, 160, 0.30);
    --crypto-border-hover: rgba(100, 100, 160, 0.20);
    --crypto-border-glass: rgba(100, 100, 160, 0.12);
    --crypto-border-glass-strong: rgba(100, 100, 160, 0.20);

    /* Accent Colors - Primary (Brand Indigo) */
    --crypto-accent: #7879F6;
    --crypto-accent-hover: #5c5de6;
    --crypto-accent-300: #b4b5fb;
    --crypto-accent-400: #6c6df0;
    --crypto-accent-500: #7879F6;
    --crypto-accent-600: #5c5de6;
    --crypto-accent-alpha-10: rgba(120, 121, 246, 0.1);
    --crypto-accent-alpha-20: rgba(120, 121, 246, 0.2);
    --crypto-accent-alpha-30: rgba(120, 121, 246, 0.3);

    /* Accent Colors - Secondary (Violet) */
    --crypto-violet-400: #a78bfa;
    --crypto-violet-500: #8b5cf6;
    --crypto-violet-600: #7c3aed;

    /* Accent Colors - Tertiary (Cyan/Teal) */
    --crypto-cyan-400: #22d3ee;
    --crypto-cyan-500: #06b6d4;
    --crypto-cyan-600: #0891b2;
    --crypto-cyan-alpha-10: rgba(6, 182, 212, 0.1);
    --crypto-cyan-alpha-20: rgba(6, 182, 212, 0.2);

    /* Semantic Colors - Success */
    --crypto-success: #10b981;
    --crypto-success-400: #34d399;
    --crypto-success-500: #10b981;
    --crypto-success-600: #059669;
    --crypto-success-alpha-10: rgba(16, 185, 129, 0.1);
    --crypto-success-alpha-15: rgba(16, 185, 129, 0.15);
    --crypto-success-alpha-20: rgba(16, 185, 129, 0.2);
    --crypto-success-bg: rgba(16, 185, 129, 0.1);
    --crypto-success-border: rgba(16, 185, 129, 0.25);

    /* Semantic Colors - Warning */
    --crypto-warning: #f59e0b;
    --crypto-warning-400: #fbbf24;
    --crypto-warning-500: #f59e0b;
    --crypto-warning-600: #d97706;
    --crypto-warning-alpha-10: rgba(245, 158, 11, 0.1);
    --crypto-warning-alpha-15: rgba(245, 158, 11, 0.15);
    --crypto-warning-alpha-20: rgba(245, 158, 11, 0.2);
    --crypto-warning-bg: rgba(245, 158, 11, 0.1);
    --crypto-warning-border: rgba(245, 158, 11, 0.25);

    /* Semantic Colors - Danger */
    --crypto-danger: #ef4444;
    --crypto-danger-400: #f87171;
    --crypto-danger-500: #ef4444;
    --crypto-danger-600: #dc2626;
    --crypto-danger-alpha-10: rgba(239, 68, 68, 0.1);
    --crypto-danger-alpha-15: rgba(239, 68, 68, 0.15);
    --crypto-danger-alpha-20: rgba(239, 68, 68, 0.2);
    --crypto-danger-bg: rgba(239, 68, 68, 0.1);
    --crypto-danger-border: rgba(239, 68, 68, 0.25);

    /* Semantic Colors - Info (Blue) */
    --crypto-info-400: #60a5fa;
    --crypto-info-500: #3b82f6;
    --crypto-info-600: #2563eb;
    --crypto-info-alpha-10: rgba(59, 130, 246, 0.1);
    --crypto-info-alpha-15: rgba(59, 130, 246, 0.15);
    --crypto-info-alpha-20: rgba(59, 130, 246, 0.2);
    --crypto-info-bg: rgba(59, 130, 246, 0.1);
    --crypto-info-border: rgba(59, 130, 246, 0.25);

    /* Gradients - Primary */
    --crypto-gradient-primary: linear-gradient(135deg, #7879F6 0%, #a07af6 100%);
    --crypto-gradient-primary-hover: linear-gradient(135deg, #5c5de6 0%, #8a5ef0 100%);
    --crypto-gradient-primary-reverse: linear-gradient(135deg, #a07af6 0%, #7879F6 100%);
    --crypto-gradient-primary-vertical: linear-gradient(180deg, #7879F6 0%, #a07af6 100%);

    /* Gradients - Accent */
    --crypto-gradient-cool: linear-gradient(135deg, #06b6d4 0%, #7879F6 100%);
    --crypto-gradient-warm: linear-gradient(135deg, #a07af6 0%, #FBCBF5 100%);
    --crypto-gradient-tech: linear-gradient(135deg, #7879F6 0%, #06b6d4 100%);
    --crypto-gradient-vibrant: linear-gradient(135deg, #06b6d4 0%, #7879F6 50%, #FBCBF5 100%);

    /* Gradients - Trinsic-inspired */
    --crypto-gradient-trinsic: linear-gradient(270deg, #7879F6 0%, #FBCBF5 100%);

    /* Gradients - Backgrounds */
    --crypto-gradient-bg-card: linear-gradient(135deg, rgba(120, 121, 246, 0.03) 0%, rgba(160, 122, 246, 0.03) 100%);
    --crypto-gradient-bg-hero: linear-gradient(180deg, rgba(120, 121, 246, 0.12) 0%, transparent 100%);

    /* Gradients - Status */
    --crypto-gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    --crypto-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --crypto-gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);

    /* Legacy */
    --crypto-gradient-secondary: linear-gradient(135deg, #f4f3fa 0%, #ffffff 100%);

    /* Shadows — lavender-tinted for brand cohesion */
    --crypto-shadow-xs: 0 1px 2px rgba(100, 100, 160, 0.07);
    --crypto-shadow-sm: 0 1px 3px rgba(100, 100, 160, 0.10), 0 1px 2px rgba(100, 100, 160, 0.06);
    --crypto-shadow-md: 0 4px 12px rgba(100, 100, 160, 0.12);
    --crypto-shadow-lg: 0 8px 24px rgba(100, 100, 160, 0.14);
    --crypto-shadow-xl: 0 16px 48px rgba(100, 100, 160, 0.16);
    --crypto-shadow-2xl: 0 24px 64px rgba(100, 100, 160, 0.20);
    --crypto-shadow-glow: 0 0 20px rgba(120, 121, 246, 0.18);
    --crypto-shadow-header: 0 4px 24px rgba(100, 100, 160, 0.10);

    /* Glow Effects */
    --crypto-glow-accent-sm: 0 0 12px rgba(120, 121, 246, 0.18);
    --crypto-glow-accent-md: 0 0 20px rgba(120, 121, 246, 0.22);
    --crypto-glow-accent-lg: 0 0 28px rgba(120, 121, 246, 0.28);
    --crypto-glow-success: 0 0 16px rgba(16, 185, 129, 0.22);
    --crypto-glow-warning: 0 0 16px rgba(245, 158, 11, 0.22);
    --crypto-glow-danger: 0 0 16px rgba(239, 68, 68, 0.22);
    --crypto-glow-cyan: 0 0 20px rgba(6, 182, 212, 0.22);

    /* Combined Shadow + Glow */
    --crypto-shadow-glow-accent: 0 4px 16px rgba(100, 100, 160, 0.10), 0 0 20px rgba(120, 121, 246, 0.18);

    /* Inner Shadows */
    --crypto-shadow-inset-sm: inset 0 1px 2px rgba(100, 100, 160, 0.08);
    --crypto-shadow-inset-md: inset 0 2px 4px rgba(100, 100, 160, 0.10);

    /* Border Radius */
    --crypto-radius-sm: 8px;
    --crypto-radius-md: 12px;
    --crypto-radius-lg: 16px;
    --crypto-radius-xl: 24px;
    --crypto-radius-full: 9999px;

    /* Spacing */
    --crypto-spacing-xs: 0.5rem;
    --crypto-spacing-sm: 0.75rem;
    --crypto-spacing-md: 1rem;
    --crypto-spacing-lg: 1.5rem;
    --crypto-spacing-xl: 2rem;

    /* Typography - Font Families */
    --crypto-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --crypto-font-mono: 'JetBrains Mono', 'Fira Code', 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;

    /* Typography - Font Sizes */
    --crypto-font-size-xs: 0.75rem;      /* 12px */
    --crypto-font-size-sm: 0.875rem;     /* 14px */
    --crypto-font-size-base: 1rem;       /* 16px */
    --crypto-font-size-md: 1.125rem;     /* 18px */
    --crypto-font-size-lg: 1.25rem;      /* 20px */
    --crypto-font-size-xl: 1.5rem;       /* 24px */
    --crypto-font-size-2xl: 1.875rem;    /* 30px */
    --crypto-font-size-3xl: 2.25rem;     /* 36px */
    --crypto-font-size-4xl: 3rem;        /* 48px */
    --crypto-font-size-5xl: 3.75rem;     /* 60px */
    --crypto-font-size-6xl: 4.5rem;      /* 72px */

    /* Typography - Line Heights */
    --crypto-line-height-tight: 1.2;
    --crypto-line-height-normal: 1.5;
    --crypto-line-height-relaxed: 1.75;
    --crypto-line-height-loose: 2;

    /* Typography - Font Weights */
    --crypto-font-weight-thin: 100;
    --crypto-font-weight-extralight: 200;
    --crypto-font-weight-light: 300;
    --crypto-font-weight-normal: 400;
    --crypto-font-weight-medium: 500;
    --crypto-font-weight-semibold: 600;
    --crypto-font-weight-bold: 700;
    --crypto-font-weight-extrabold: 800;
    --crypto-font-weight-black: 900;

    /* Typography - Letter Spacing */
    --crypto-letter-spacing-tighter: -0.05em;
    --crypto-letter-spacing-tight: -0.025em;
    --crypto-letter-spacing-normal: 0;
    --crypto-letter-spacing-wide: 0.025em;
    --crypto-letter-spacing-wider: 0.05em;
    --crypto-letter-spacing-widest: 0.1em;
}

/* Override Tabler variables for light theme */
[data-bs-theme="light"] {
    --tblr-body-bg: #f4f3fa;
    --tblr-body-color: #111318;

    /* Card text colors */
    --tblr-card-color: #111318;
    --tblr-card-title-color: #111318;
    --tblr-card-subtitle-color: #3a3f51;
    --tblr-card-cap-color: #3a3f51;

    /* Tabler muted / secondary text overrides */
    --tblr-secondary-color: #3a3f51;
    --tblr-muted-color: #5e6478;
}