/* CSS Variables & Design Tokens */
:root {
    --bg-dark: #080d1a;
    --bg-darker: #040710;
    --bg-card: rgba(15, 23, 42, 0.45);
    --bg-card-hover: rgba(15, 23, 42, 0.75);
    --primary: #d97706;
    --primary-light: #f59e0b;
    --primary-glow: rgba(245, 158, 11, 0.15);
    --primary-border: rgba(245, 158, 11, 0.3);
    --accent-blue: #38bdf8;
    --accent-blue-glow: rgba(56, 189, 248, 0.15);
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --border-color: rgba(255, 255, 255, 0.08);
    --border-hover: rgba(255, 255, 255, 0.18);
    --success: #10b981;
    --shadow-premium: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}