/* CSS Variables - Neo-Streamer Palette */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
    /* Core Colors */
    --white: #ffffff;
    --bg: #FFFFFF;
    --bg-alt: #F5F3FF;
    --dark: #0f172a;
    --dark-alt: #1e293b;

    /* Text Colors */
    --text: #1F2937;
    --text-secondary: #4B5563;
    --text-muted: #9CA3AF;
    --border: #e2e8f0;

    /* Vivid Violet - REMAPPED to Teal/Navy for Redesign */
    --violet-500: #00D4AA;
    /* Was #7C3AED */
    --violet-600: #1A4B7C;
    /* Was #6D28D9 */
    --violet-700: #0F2847;
    /* Was #5B21B6 */

    /* Amber/Gold - Secondary Accent */
    --amber-400: #FBBF24;
    --amber-500: #F59E0B;

    /* Legacy blue (kept for compatibility) */
    --blue-50: #eff6ff;
    --blue-100: #dbeafe;
    --blue-500: #3D7AB8;
    /* Was Purple #7C3AED -> Now Primary Light Blue */
    --blue-600: #1A4B7C;
    /* Was Purple #6D28D9 -> Now Primary Mid Blue */
    --blue-700: #0F2847;
    /* Was Purple #5B21B6 -> Now Primary Deep Navy */

    /* Status Colors */
    --green-500: #22c55e;
    --green-100: #dcfce7;
    --orange-500: #f97316;
    --orange-100: #ffedd5;

    /* Shadows */
    --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 25px -5px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}