:root {
    /* Colors */
    --color-bg-panel: #0D1521;
    --color-bg-canvas: #010A13;
    --color-text-primary: #F5F5F5;
    --color-text-secondary: #A3B5C5;
    --color-accent-primary: #1E88E5;
    --color-accent-hover: rgba(30, 136, 229, 0.12);
    --color-border: #2A3B4C;
    /* Added for borders */
    --color-shadow: rgba(0, 0, 0, 0.5);

    /* Typography */
    --font-family: 'Inter', system-ui, sans-serif;
    --font-size-heading: 18px;
    /* Slightly adjusted for optical balance */
    --font-size-subheading: 14px;
    --font-size-body: 13px;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* Layout */
    --width-sidebar: 280px;
    --height-top-toolbar: 48px;

    /* Components */
    --border-radius-small: 4px;
    --border-radius-medium: 6px;
    --icon-size: 18px;
}