/**
 * Re-Energy Solutions Theme Stylesheet
 * 
 * Defines global design tokens using CSS Custom Properties (Variables)
 * to satisfy Rule 5 (UI/UX Styling Consistency).
 */

:root {
    /* Color Palette: Harmonies of deep purple, space indigo, sleek slates, and neon accents */
    
    /* Layout Background Colors */
    --bg-dark-100: #090d16; /* Deep space black */
    --bg-dark-200: #0f172a; /* Slate 900 */
    --bg-dark-300: #1e293b; /* Slate 800 */
    --bg-dark-400: #334155; /* Slate 700 */
    
    --bg-gradient-start: #090d16;
    --bg-gradient-end: #151433;

    /* Card & Panel Styles */
    --card-bg: rgba(22, 28, 45, 0.65);
    --card-border: rgba(255, 255, 255, 0.06);
    --panel-bg: rgba(15, 23, 42, 0.8);
    --panel-border: rgba(255, 255, 255, 0.05);

    /* Text Colors */
    --text-primary: #f8fafc;   /* Slate 50 */
    --text-secondary: #94a3b8; /* Slate 400 */
    --text-muted: #64748b;     /* Slate 500 */

    /* Accent & Brand Colors */
    --accent-primary: #6366f1;   /* Indigo 500 */
    --accent-hover: #4f46e5;     /* Indigo 600 */
    --accent-glow: rgba(99, 102, 241, 0.15);
    --accent-cyan: #06b6d4;      /* Cyan 500 */
    --accent-emerald: #10b981;   /* Emerald 500 */

    /* Status & Alerts */
    --error-bg: rgba(239, 68, 68, 0.12);
    --error-border: rgba(239, 68, 68, 0.25);
    --error-text: #fca5a5;

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