:root {
            /* Branding-Based Theme (Indigo/Purple) */
            --primary: #6366f1;
            --primary-dark: #4f46e5;
            --primary-light: rgba(99, 102, 241, 0.1);
            --accent: #a855f7;
            --bg-body: #f8fafc;
            --bg-card: #ffffff;

            --secondary: #0ea5e9;
            /* Sky Blue */
            --gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);

            --danger: #f43f5e;
            --danger-bg: #ffe4e6;
            --warning: #f59e0b;
            --warning-bg: #fef3c7;
            --success: #10b981;
            --success-bg: #d1fae5;

            --text-dark: #0f172a;
            --text-muted: #64748b;
            --text-light: #94a3b8;

            --radius-xl: 24px;
            --radius-lg: 16px;
            --radius-md: 12px;

            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.02);
            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
            --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
            --shadow-float: 0 20px 25px -5px rgba(67, 56, 202, 0.25);

            --nav-width: 250px;
            --nav-height-mobile: 70px;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Plus Jakarta Sans', sans-serif;
        }

        body {
            background-color: var(--bg-body);
            color: var(--text-dark);
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }