:root {
    --primary: #5667f5;
    --primary-dark: color-mix(in srgb, var(--primary) 84%, #000);
    --primary-soft: color-mix(in srgb, var(--primary) 12%, #fff);
    --success: #20bd8b;
    --success-soft: #eafbf6;
    --danger: #f04464;
    --danger-soft: #fff0f3;
    --warning: #f59e0b;
    --bg: #f5f7fb;
    --surface: #fff;
    --text: #172033;
    --muted: #778195;
    --border: #e5e9f1;
    --sidebar: 262px;
    --shadow: 0 8px 28px rgba(29, 42, 73, .07);
    --catalog-primary: var(--primary);
    --catalog-ink: var(--text);
    --catalog-muted: var(--muted);
    --catalog-line: var(--border);
    --catalog-surface: var(--surface);
    --catalog-bg: var(--bg);
    --catalog-success: #119b70;
    --catalog-warm: #b7791f
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --bg: #0d1421;
    --surface: #151f2f;
    --surface-raised: #1a273a;
    --surface-muted: #101a29;
    --text: #e8edf7;
    --muted: #9eabc0;
    --border: #2b3b55;
    --primary-soft: #252f6d;
    --success-soft: #123e36;
    --danger-soft: #482534;
    --warning-soft: #48391e;
    --shadow: 0 14px 36px rgba(0, 0, 0, .32);
    --bs-body-bg: var(--bg);
    --bs-body-color: var(--text);
    --bs-secondary-bg: var(--surface-raised);
    --bs-tertiary-bg: var(--surface-muted);
    --bs-border-color: var(--border);
    --bs-emphasis-color: var(--text);
    --bs-secondary-color: var(--muted);
    --bs-heading-color: var(--text);
    --bs-card-bg: var(--surface);
    --bs-modal-bg: var(--surface);
    --bs-dropdown-bg: var(--surface-raised);
    --bs-dropdown-color: var(--text);
    --bs-dropdown-link-color: var(--text);
    --bs-dropdown-link-hover-color: var(--text);
    --bs-dropdown-link-hover-bg: #22314a;
    --bs-offcanvas-bg: var(--surface);
    --bs-offcanvas-color: var(--text)
}