:root {
    --korum-color-ink: #101c2d;
    --korum-color-surface: #ffffff;
    --korum-color-muted: #f4f6f8;
    --korum-color-border: #d9dee5;
    --korum-color-accent: #ed1c24;
    --korum-color-success: #087f5b;
    --korum-space-1: 4px;
    --korum-space-2: 8px;
    --korum-space-3: 12px;
    --korum-space-4: 16px;
    --korum-space-6: 24px;
    --korum-space-8: 32px;
    --korum-space-12: 48px;
    --korum-radius-sm: 4px;
    --korum-radius-md: 8px;
    --korum-radius-control: 4px;
    --korum-radius-panel: 8px;
    --korum-border-color: #d9dee5;
    --korum-border-strong: #101c2d;
    --korum-shadow-level-1: 0 4px 12px rgba(16, 28, 45, 0.06);
    --korum-shadow-card: 0 8px 24px rgba(16, 28, 45, 0.08);
    --korum-content-max: 1320px;
    --korum-header-height-mobile: 72px;
    --korum-header-height-tablet: 92px;
    --korum-header-height-desktop: 112px;
}

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