/* CSS Custom Properties - Design System Variables */

:root {
    /* Core Color Palette */
    --bg-primary: #0a0a0a;
    --bg-secondary: #111111;
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --text-accent: #00ff88;
    --text-question: #ffaa00;
    --text-warn: #ff6b6b;
    --border: #333333;
    --glow: rgba(0, 255, 136, 0.2);
    --glow-question: rgba(255, 170, 0, 0.2);
    
    /* Organic Design Elements */
    --organic-gradient: radial-gradient(ellipse 80% 120% at 20% 30%, rgba(0, 255, 136, 0.05) 0%, transparent 50%),
                       radial-gradient(ellipse 90% 100% at 80% 70%, rgba(255, 170, 0, 0.03) 0%, transparent 50%);
}