:root {
    /* Colors - Pure Black Theme */
    --bg-app: #000000;
    /* Pure Black */
    --bg-card: #1a1a1a;
    /* Dark Gray */
    /* Colors - Premium Black & Gold Theme */
    --bg-app: #0c0c0c;
    /* Very Dark Gray/Black */
    --bg-card: #141414;
    /* Subtle Card Surface */
    --bg-input: #050505;

    /* Gold Design System */
    --color-primary: #ffc107;
    /* Base Gold */
    --color-gold-light: #ffeb3b;
    --color-gold-dark: #b8860b;
    --gold-gradient: linear-gradient(135deg, #b8860b 0%, #ffc107 50%, #b8860b 100%);
    --gold-glow: 0 0 15px rgba(255, 193, 7, 0.4);

    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --text-muted: #888888;
    --text-gold: #ffc107;

    --border-gold: 1px solid rgba(184, 134, 11, 0.5);
    --border-color: #2a2a2a;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* Typography */
    --font-main: 'Outfit', sans-serif;

    /* Effects */
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.8);
    --shadow-neon: 0 0 20px rgba(255, 193, 7, 0.2);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}