:root {
    --yf-color-primary: #ff642f;
    --yf-color-primary-dark: #e9501c;
    --yf-color-ink: #182133;
    --yf-color-muted: #778195;
    --yf-color-surface: #ffffff;
    --yf-color-background: #f8f9fa;
    --yf-color-border: #e8ecf2;
    --yf-color-success: #198754;
    --yf-color-warning: #f59e0b;
    --yf-color-danger: #dc3545;
    --yf-radius-sm: 8px;
    --yf-radius-md: 14px;
    --yf-radius-lg: 22px;
    --yf-shadow-soft: 0 7px 25px rgba(30, 41, 59, .065);
    --yf-focus-ring: 0 0 0 .25rem rgba(255, 100, 47, .25);
}

:focus-visible {
    outline: 2px solid var(--yf-color-primary);
    outline-offset: 2px;
}

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