:root {
    --theme-primary-base: #5b87c9;
    --theme-primary: #5b87c9;
    --theme-primary-strong: #4a72ad;
    --theme-primary-stronger: #3d6193;
    --theme-primary-soft: #7ba0d6;
    --theme-primary-tint: #dbe7f6;
    --theme-primary-surface: #f1f5fb;
    --theme-primary-surface-alt: #f7f9fd;
    --theme-primary-border: #c6d6ee;
    --theme-primary-rgb: 91, 135, 201;

    --theme-secondary-base: #64748b;
    --theme-secondary: #64748b;
    --theme-secondary-strong: #475569;
    --theme-secondary-soft: #94a3b8;
    --theme-secondary-tint: #e2e8f0;
    --theme-secondary-rgb: 100, 116, 139;

    --theme-link: var(--theme-primary);
    --theme-link-hover: var(--theme-primary-strong);
    --theme-focus-ring: rgba(var(--theme-primary-rgb), 0.18);
    --button-primary: var(--theme-primary);
    --button-primary-hover: var(--theme-primary-strong);
    --button-secondary: var(--theme-secondary);
    --button-secondary-hover: var(--theme-secondary-strong);
    --active-bg: var(--theme-secondary-tint);
    --active-text: var(--theme-primary-strong);
    --header-accent: var(--theme-primary);
    --selected-bg: var(--theme-primary-surface);
    --selected-border: var(--theme-primary-border);
    --pill-accent-bg: var(--theme-secondary-tint);
    --pill-accent-text: var(--theme-secondary-strong);
    --success: #27ae60;
    --warning: #f39c12;
    --danger: #c0392b;
    --info: #2980b9;
    --text-main: #334155;
    --text-muted: #64748b;
    --border: #e2e8f0;
    --surface-soft: #f8fafc;
}

html {
    accent-color: var(--theme-primary);
}