:root {
    /* Main Accent */
    --primary-color: #007bff;
    --accent-secondary: #0056b3;

    /* Backgrounds */
    --bg-primary: #f5f5f5;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eeeeee;

    /* Text */
    --text-main: #333333;
    --text-muted: #666666;
    --text-on-accent: #ffffff;

    /* Semantic Components */
    --sidebar-bg: var(--bg-secondary);
    --header-bg: var(--bg-secondary);
    --card-bg: var(--bg-secondary);
    
    /* Borders & Shadows */
    --border-soft: rgba(0, 0, 0, 0.05);
    --border-hard: rgba(0, 0, 0, 0.1);
    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 20px;
    --shadow-color: rgba(0, 0, 0, 0.1);
    --shadow-sm: 0 2px 4px var(--shadow-color);
    --shadow-md: 0 4px 6px var(--shadow-color);
    --shadow-lg: 0 10px 15px var(--shadow-color);

    /* Solid Surfaces (legacy glass variables kept for compatibility) */
    --surface-solid: var(--card-bg);
    --surface-solid-soft: color-mix(in srgb, var(--card-bg) 92%, var(--bg-primary) 8%);
    --surface-solid-muted: var(--bg-tertiary);
    --glass-bg: var(--surface-solid);
    --glass-blur: none;
    --glass-border: var(--border-hard);
    --glass-shadow: var(--shadow-md);
    --overlay-bg: rgba(0, 0, 0, 0.4);

    /* Interactive States */
    --hover-bg: rgba(125, 125, 125, 0.1);
    --active-bg: rgba(var(--primary-color-rgb, 0, 123, 255), 0.15);
    
    /* Misc */
    --font-family: 'Poppins', sans-serif;
    --invert-filter: invert(0);
}

/* Fallback for components that were using the old names */
:root {
    --primary-background: var(--bg-primary);
    --header-background: var(--header-bg);
    --text-color: var(--text-main);
}