:root {
    --bg-primary: #0a0a0a;
    --bg-secondary: #111111;
    --bg-card: rgba(255, 255, 255, 0.05);
    --bg-card-hover: rgba(255, 255, 255, 0.08);
    --bg-overlay: rgba(0, 0, 0, 0.8);
    --bg-header: rgba(0, 0, 0, 0.3);
    --bg-surface: #0c0d11;
    --bg-surface-2: #111318;

    --gold: #C9956C;
    --gold-deep: #A67B5B;
    --gold-light: #D4A574;
    --gold-dark: #8B6341;
    --blue: #3b82f6;
    --blue-dark: #2563eb;
    --green: #4ade80;
    --green-dark: #22c55e;
    --red: #ef4444;
    --amber: #f59e0b;
    --amber-dark: #d97706;
    --green-accent: #4ade80;
    --green-accent-dark: #22c55e;
    --green-heading: #22c55e;
    --cyan: #06b6d4;
    --orange: #fb923c;

    --border-gold: rgba(201, 149, 108, 0.2);
    --border-gold-strong: rgba(201, 149, 108, 0.3);
    --border-white: rgba(255, 255, 255, 0.1);
    --border-subtle: #252525;

    --text-primary: #E8E8E8;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.4);
    --text-dim: #888888;

    --grad-gold-blue: linear-gradient(135deg, #C9956C, #3b82f6);
    --grad-green-gold: linear-gradient(135deg, #4ade80, #C9956C);
    --grad-gold-deep: linear-gradient(135deg, #A67B5B, #D4A574);
    --grad-cyan-blue: linear-gradient(135deg, #06b6d4, #3b82f6);
    --grad-green: linear-gradient(135deg, #4ade80, #22c55e);
    --grad-amber: linear-gradient(135deg, #f59e0b, #d97706);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    --blur: blur(10px);
    --shadow-gold: 0 4px 12px rgba(201, 149, 108, 0.2);
    --shadow-gold-lg: 0 8px 24px rgba(201, 149, 108, 0.3);

    --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;
}