/* Shared Clozy design tokens — app and general site may evolve independently. */
:root {
    --ds-space-1: 4px;
    --ds-space-2: 8px;
    --ds-space-3: 12px;
    --ds-space-4: 16px;
    --ds-space-5: 24px;
    --ds-space-6: 32px;
    --ds-radius-control: 12px;
    --ds-radius-card: 20px;
    --ds-radius-sheet: 28px;
    --ds-motion-fast: 160ms;
    --ds-motion-standard: 240ms;
    --ds-ease: cubic-bezier(.22, 1, .36, 1);
    --ds-focus-ring: 0 0 0 3px rgba(29, 155, 240, .28);
    --ds-font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", Roboto, sans-serif;
    --ds-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, "Segoe UI", Roboto, sans-serif;
}

:where(button, a, input, textarea, select, [role="button"]):focus-visible {
    outline: 2px solid #1d9bf0;
    outline-offset: 3px;
}

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