:root {
    --crm-bg: #f3efe7;
    --crm-surface: #fffdf9;
    --crm-surface-muted: #f7f2ea;
    --crm-text: #1f2a30;
    --crm-text-muted: #66727a;
    --crm-border: rgba(31, 42, 48, 0.12);
    --crm-shadow: 0 14px 34px rgba(31, 42, 48, 0.08);
    --crm-brand: #c65a2e;
    --crm-brand-strong: #a24722;
    --crm-brand-soft: rgba(198, 90, 46, 0.12);
    --crm-accent: #2f6b66;
    --crm-accent-soft: rgba(47, 107, 102, 0.12);
    --crm-radius-sm: 12px;
    --crm-radius-md: 18px;
    --crm-radius-lg: 24px;
}

[data-bs-theme="dark"] {
    --crm-bg: #11161b;
    --crm-surface: #1a232b;
    --crm-surface-muted: #202b34;
    --crm-text: #edf2f4;
    --crm-text-muted: #a4b0b8;
    --crm-border: rgba(255, 255, 255, 0.08);
    --crm-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
    --crm-brand: #e08c62;
    --crm-brand-strong: #f3a57d;
    --crm-brand-soft: rgba(224, 140, 98, 0.18);
    --crm-accent: #79b9b0;
    --crm-accent-soft: rgba(121, 185, 176, 0.16);
}