:root {
    --ddmt-primary: #0b63ce;
    --ddmt-heading: #17375f;
    --ddmt-link: #0b63ce;
    --ddmt-text: #25364a;
    --ddmt-text-muted: #5f6f82;
    --ddmt-surface-canvas: #f6f8fb;
    --ddmt-surface: #ffffff;
    --ddmt-surface-subtle: #f2f6fb;
    --ddmt-border: #d8e0eb;
    --ddmt-border-strong: #aab7c8;
    --ddmt-focus: #0b63ce;
    --ddmt-danger-surface: #fff1f1;
    --ddmt-danger-border: #f0a8a8;
    --ddmt-danger-text: #8a1c1c;
    --ddmt-info-surface: #eef6ff;
    --ddmt-info-border: #b6d4fe;
    --ddmt-radius-md: 8px;
    --ddmt-shadow-sm: 0 1px 3px rgba(23, 55, 95, 0.08);
    --ddmt-space-1: 4px;
    --ddmt-space-2: 8px;
    --ddmt-space-3: 12px;
    --ddmt-space-4: 16px;
    --ddmt-space-5: 20px;
    --ddmt-space-6: 24px;
    --ddmt-text-xs: 0.75rem;
    --ddmt-text-sm: 0.875rem;
    --ddmt-text-md: 1rem;
    --ddmt-page-padding: clamp(16px, 2vw, 28px);
    --ddmt-page-padding-mobile: 12px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}