:root {
    /* Background colors - dark navy */
    --bg-primary: #030713;
    --bg-secondary: #0A0F1E;
    --bg-card: #131A2E;
    --bg-card-hover: #1A2340;
    --bg-surface: #111827;
    --bg-input: #0D1221;

    /* Accent colors - Blue to Purple */
    --accent-blue: #3b82f6;
    --accent-blue-light: #60a5fa;
    --accent-blue-dark: #6366f1;
    --accent-purple: #7c3aed;
    --accent-purple-light: #8b5cf6;
    --accent-purple-dark: #6366f1;
    --accent-magenta: #818cf8;

    /* Legacy aliases (gold → blue) */
    --accent-gold: var(--accent-blue);
    --accent-gold-light: var(--accent-blue-light);
    --accent-gold-dark: var(--accent-blue-dark);
    --text-gold: var(--text-blue);
    --gradient-gold: var(--gradient-blue);
    --shadow-gold: var(--shadow-blue);

    /* Text colors */
    --text-primary: #FFFFFF;
    --text-secondary: #94A3B8;
    --text-muted: #64748B;
    --text-blue: #60a5fa;

    /* Gradients */
    --gradient-purple: linear-gradient(135deg, #6366f1, #7c3aed);
    --gradient-blue: linear-gradient(135deg, #3b82f6 0%, #6366f1 50%, #7c3aed 100%);
    --gradient-card: linear-gradient(118.89deg, #1E283D 18.4%, #040A0E 78.86%);
    --gradient-hero: linear-gradient(180deg, #030713 0%, #0A1225 50%, #030713 100%);
    --gradient-btn: linear-gradient(135deg, #3b82f6, #6366f1, #7c3aed);
    --gradient-btn-hover: linear-gradient(135deg, #60a5fa, #818cf8, #8b5cf6);

    /* Borders */
    --border-color: rgba(59, 130, 246, 0.12);
    --border-glow: rgba(59, 130, 246, 0.5);

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.3);
    --shadow-blue: 0 0 20px rgba(59, 130, 246, 0.3);

    /* Typography */
    --font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-display: 'ClashDisplay', 'Montserrat', sans-serif;
    --font-accent: 'Paytone One', 'Montserrat', sans-serif;
    --font-serif: 'ClashDisplay', 'Georgia', 'Times New Roman', serif;
    --font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, monospace;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* Border radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 50%;

    /* Container */
    --container-max: 1200px;
    --container-padding: 20px;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Star rating */
    --star-filled: #60a5fa;
    --star-empty: #2A3050;
}