:root {
    color-scheme: light dark;
    /* Color Palette - Muted Pastels & Dark Mode */
    --primary-glow: 99, 102, 241;
    --success-glow: 16, 185, 129;
    --danger-glow: 239, 68, 68;
    --warning-glow: 245, 158, 11;

    /* Light Theme */
    --bg-primary: 248, 250, 252;
    --bg-surface: 255, 255, 255;
    --text-primary: 15, 23, 42;
    --text-secondary: 100, 116, 139;
    --text-muted: 148, 163, 184;
    --border-light: 226, 232, 240;
    --border-strong: 203, 213, 225;

    /* Dark Theme */
    --bg-primary-dark: 15, 23, 42;
    --bg-surface-dark: 30, 41, 59;
    --text-primary-dark: 248, 250, 252;
    --text-secondary-dark: 148, 163, 184;
    --text-muted-dark: 100, 116, 139;
    --border-light-dark: 51, 65, 85;
    --border-strong-dark: 71, 85, 105;

    /* Effects */
    --shadow-soft: 0 4px 20px -4px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 10px 40px -10px rgba(0, 0, 0, 0.15);
    --shadow-strong: 0 20px 60px -12px rgba(0, 0, 0, 0.25);
    --shadow-glow: 0 0 40px -8px rgba(var(--primary-glow), 0.4);


    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;


    /* Spacing & Layout */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;

    /* Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-quick: all 0.15s ease-out;
}