:root {
    --dm-brand: #ffb000;
    --dm-brand-hover: #e59e00;
    --dm-brand-active: #cc8a00;
    --dm-on-brand: #111827;
    --dm-brand-soft: #fff4d8;
    --dm-focus: #8a5b00;
    --dm-allowed: #15803d;
    --dm-allowed-soft: #ecfdf3;
    --dm-restricted: #b45309;
    --dm-restricted-icon: #eab308;
    --dm-restricted-soft: #fffbeb;
    --dm-forbidden: #b91c1c;
    --dm-forbidden-soft: #fef2f2;
    --dm-pending: #475569;
    --dm-pending-soft: #f8fafc;
    --dm-unavailable: #9f1239;
    --dm-unavailable-soft: #fff1f2;
    --dm-surface: #ffffff;
    --dm-surface-raised: rgba(255, 255, 255, .94);
    --dm-text: #17202a;
    --dm-text-muted: #697481;
    --dm-border: rgba(15, 23, 42, .12);
    --dm-shadow: 0 6px 24px rgba(15, 23, 42, .14);
    --dm-space-1: 4px;
    --dm-space-2: 8px;
    --dm-space-3: 12px;
    --dm-space-4: 16px;
    --dm-space-6: 24px;
    --dm-control-size: 44px;
    --dm-radius-control: 14px;
    --dm-radius-card: 18px;
    --dm-radius-sheet: 24px;
    --dm-motion-standard: cubic-bezier(.22, 1, .36, 1);
    --dm-z-map: 0;
    --dm-z-controls: 400;
    --dm-z-sheet: 600;
    --dm-z-dialog: 800;
    --dm-z-system: 1000;
}