/* Silent Violence design system: shared tokens and low-specificity primitives. */
:root {
    --sv-color-bg: #060708;
    --sv-color-surface: #0d0f11;
    --sv-color-surface-raised: #14171a;
    --sv-color-text: #f3f1ec;
    --sv-color-muted: #9a9da1;
    --sv-color-line: rgba(255, 255, 255, 0.14);
    --sv-color-line-strong: rgba(255, 255, 255, 0.24);
    --sv-color-danger: #e66767;
    --sv-radius-sm: 10px;
    --sv-radius-md: 16px;
    --sv-radius-lg: 24px;
    --sv-control-height: 48px;
    --sv-space-1: 4px;
    --sv-space-2: 8px;
    --sv-space-3: 12px;
    --sv-space-4: 16px;
    --sv-space-5: 24px;
    --sv-space-6: 32px;
    --sv-shadow-dialog: 0 24px 80px rgba(0, 0, 0, 0.48);
    --sv-transition: 180ms ease;
}

:where(*, *::before, *::after) { box-sizing: border-box; }
:where(button, input, textarea, select) { font: inherit; }
:where(button, [role="button"], a, input, textarea, select):focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: 3px;
}
:where(.button, .btn) {
    min-height: var(--sv-control-height);
    border-radius: var(--sv-radius-sm);
    transition: opacity var(--sv-transition), transform var(--sv-transition), border-color var(--sv-transition), background var(--sv-transition);
}
:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .field-input) {
    min-height: var(--sv-control-height);
    border-radius: var(--sv-radius-sm);
}
:where(.card, .order-card, .product-card, .legal-shell) { border-radius: var(--sv-radius-md); }
@media (prefers-reduced-motion: reduce) {
    :where(*, *::before, *::after) { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* Accessibility and touch-target baseline */
button,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea,
summary,
.button,
.btn,
[role="button"] {
    min-height: 44px;
}
button,
.button,
.btn,
[role="button"] {
    min-width: 44px;
    touch-action: manipulation;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible {
    outline: 2px solid rgba(255,255,255,.88);
    outline-offset: 3px;
}
@media (pointer: coarse) {
    .leaflet-control-zoom a { min-width: 44px; min-height: 44px; line-height: 44px; }
}