:root {
  --vacay-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vacay-text: #172033;
  --vacay-muted: #5f6b7a;
  --vacay-surface: #ffffff;
  --vacay-surface-soft: #f6f8fb;
  --vacay-border: #dfe5ec;
  --vacay-focus: #135f9b;
  --vacay-radius-sm: 10px;
  --vacay-radius-md: 16px;
  --vacay-radius-lg: 24px;
  --vacay-shadow-sm: 0 8px 24px rgba(23, 32, 51, 0.08);
  --vacay-space-1: 0.25rem;
  --vacay-space-2: 0.5rem;
  --vacay-space-3: 0.75rem;
  --vacay-space-4: 1rem;
  --vacay-space-5: 1.5rem;
  --vacay-space-6: 2rem;
  --vacay-space-7: 3rem;
  --vacay-content-width: 1280px;
}

.vacay-experience :where(button, input, select, textarea, a):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--vacay-focus) 35%, transparent);
  outline-offset: 2px;
}

.vacay-experience :where(input, select, textarea) {
  font: inherit;
}