:root {
    --finn-font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
    --finn-font-display: Georgia, "Times New Roman", serif;
    --finn-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --finn-radius-control: 8px;
    --finn-radius-panel: 12px;
    --finn-radius-pill: 999px;
    --finn-space-1: 4px;
    --finn-space-2: 8px;
    --finn-space-3: 12px;
    --finn-space-4: 16px;
    --finn-space-5: 24px;
    --finn-space-6: 32px;
}

:where(*, *::before, *::after) {
    box-sizing: border-box;
}

:where(button, input, select, textarea) {
    font: inherit;
}

[hidden] {
    display: none !important;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}