:root {
    /* Font Family */
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;

    /* Light Theme Palette (Default) */
    --color-bg-body: #f4f6f9;
    --color-bg-card: #ffffff;
    --color-bg-sidebar: #0f2c59;
    /* Brand Navy Blue */
    --color-text-sidebar: #cbd5e1;
    --color-text-sidebar-active: #ffffff;
    --color-bg-sidebar-active: #3b82f6;
    /* Keep bright blue for active state highlight or change to lighter navy */

    --color-text-primary: #1e293b;
    --color-text-secondary: #64748b;
    --color-text-muted: #94a3b8;

    --color-primary: #0f2c59;
    /* Brand Navy Blue */
    --color-primary-hover: #1e3a8a;
    --color-primary-light: #e0e7ff;

    --color-success: #10b981;
    --color-success-bg: #d1fae5;
    --color-warning: #f59e0b;
    --color-warning-bg: #fef3c7;
    --color-danger: #ef4444;
    --color-danger-bg: #fee2e2;
    --color-info: #0ea5e9;
    --color-info-bg: #e0f2fe;

    --color-border: #e2e8f0;
    --color-divider: #f1f5f9;

    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;

    --header-height: 64px;
    --sidebar-width: 260px;
    --transition-speed: 0.3s;
}

/* Dark Theme Palette */
[data-theme="dark"] {
    --color-bg-body: #0f172a;
    --color-bg-card: #1e293b;
    --color-bg-sidebar: #0f172a;
    /* Darker for sidebar in dark mode, or same */

    --color-text-primary: #f1f5f9;
    --color-text-secondary: #cbd5e1;
    --color-text-muted: #64748b;

    --color-border: #334155;
    --color-divider: #1e293b;

    --color-primary-light: #1e3a8a;
    /* Darker primary bg */
}