/* Global CSS Variables - extracted from main.css */
:root {
    --bg-deep: #000000;
    --bg-rich: #030303;
    --bg-surface: #080808;
    --bg-card: #0b0b0b;
    --bg-elevated: #0f0f0f;
    --border-subtle: #1a1a1a;
    --border-mid: #2a2a2a;
    --border-accent: #333333;
    --text-primary: #F5F5F5;
    --text-secondary: #B0B0B0;
    --text-muted: #6B6B6B;
    --accent: #E85002;
    --accent-deep: #C10801;
    --accent-glow: rgba(232, 80, 2, 0.25);
    --accent-subtle: rgba(232, 80, 2, 0.06);
    --accent-warm: #F16001;
    --golden-ratio: 1.618;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --transition-smooth: 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
    --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}