:root {
    --ks-space-1: 4px;
    --ks-space-2: 8px;
    --ks-space-3: 12px;
    --ks-space-4: 16px;
    --ks-space-5: 24px;
    --ks-control-height: 42px;
    --ks-focus-ring: 0 0 0 4px rgba(14, 165, 233, .15);
    --ks-radius-control: 11px;
    --ks-radius-card: 18px;
    --ks-shadow-card: 0 14px 34px rgba(15, 34, 61, .07);
}

:where(button, input, select, textarea, a):focus-visible {
    outline: 2px solid var(--color-primary, #0b78df);
    outline-offset: 3px;
}

.noscript-notice {
    padding: var(--ks-space-3) var(--ks-space-4);
    color: #7c2d12;
    background: #fff7ed;
    border-bottom: 1px solid #fdba74;
    text-align: center;
}

[data-theme="dark"] .noscript-notice {
    color: #fed7aa;
    background: #2b1b12;
    border-bottom-color: #7c4a25;
}