:root {
    --crm-font-ui: "Aptos", "Segoe UI", sans-serif;
    --crm-paper: oklch(99.4% 0.004 250);
    --crm-paper-soft: oklch(97.8% 0.009 250);
    --crm-surface: oklch(100% 0 0);
    --crm-ink: oklch(28% 0.08 258);
    --crm-ink-soft: oklch(43% 0.045 258);
    --crm-muted: oklch(54% 0.03 258);
    --crm-rule: oklch(89% 0.015 250);
    --crm-rule-strong: oklch(83% 0.025 250);
    --crm-blue: oklch(58% 0.215 258);
    --crm-blue-deep: oklch(49% 0.205 258);
    --crm-blue-soft: oklch(95% 0.035 258);
    --crm-blue-ink: oklch(100% 0 0);
    --crm-green: oklch(54% 0.16 145);
    --crm-green-deep: oklch(43% 0.145 145);
    --crm-green-soft: oklch(96% 0.035 155);
    --crm-green-row: oklch(97% 0.022 155);
    --crm-green-ink: oklch(100% 0 0);
    --crm-red: oklch(58% 0.22 27);
    --crm-focus: oklch(46% 0.18 258);
    --crm-shadow-card: 0 14px 34px oklch(32% 0.055 258 / 0.10), 0 2px 6px oklch(32% 0.055 258 / 0.05);
    --crm-shadow-control: 0 5px 14px oklch(32% 0.055 258 / 0.08);
    --crm-shadow-table: 0 12px 32px oklch(32% 0.04 258 / 0.07);
    --crm-radius-sm: 8px;
    --crm-radius-md: 12px;
    --crm-radius-lg: 16px;
    --crm-radius-xl: 22px;
    --crm-space-1: 4px;
    --crm-space-2: 8px;
    --crm-space-3: 12px;
    --crm-space-4: 16px;
    --crm-space-5: 20px;
    --crm-space-6: 24px;
    --crm-control-height: 48px;
    --crm-ease: cubic-bezier(0.2, 0.75, 0.25, 1);
}