/* Canonical KAIRUM foundations. Shared by the landing and opt-in React theme. */
:root {
  --kairum-white: #ffffff;
  --kairum-ink: #181818;
  --kairum-muted: #575757;
  --kairum-yellow: #ffc400;
  --kairum-yellow-hover: #ffd035;
  --kairum-yellow-soft: #fff5c9;
  --kairum-highlight: #ffdc56;
  --kairum-canvas: #fafaf7;
  --kairum-warm: #fffdf5;
  --kairum-line: #e5e5df;
  --kairum-control-line: #85857c;
  --kairum-accent: #9b7500;
  --kairum-focus: #705600;
  --kairum-success: #226443;
  --kairum-success-bg: #edf6ef;
  --kairum-warning: #755600;
  --kairum-warning-bg: #fff5d6;
  --kairum-danger: #a12c30;
  --kairum-danger-bg: #fff0ef;
  --kairum-font: "Kairum Inter", "Inter Variable", Inter, sans-serif;
  --kairum-text-xs: 0.75rem;
  --kairum-text-sm: 0.875rem;
  --kairum-text-base: 1rem;
  --kairum-text-lg: 1.125rem;
  --kairum-title: clamp(1.75rem, 3vw, 2.25rem);
  --kairum-display: clamp(2.25rem, 4.2vw, 3.5rem);
  --kairum-space-1: 0.25rem;
  --kairum-space-2: 0.5rem;
  --kairum-space-3: 0.75rem;
  --kairum-space-4: 1rem;
  --kairum-space-5: 1.5rem;
  --kairum-space-6: 2rem;
  --kairum-space-7: 3rem;
  --kairum-space-8: 4rem;
  --kairum-radius-sm: 0.5rem;
  --kairum-radius-md: 0.75rem;
  --kairum-radius-lg: 1.125rem;
  --kairum-radius-pill: 999px;
  --kairum-shadow: 0 8px 28px #18181808;
  --kairum-shadow-dialog: 0 24px 80px #18181829;
  --kairum-target: 2.75rem;
  --kairum-content: 75rem;
  --kairum-motion-fast: 120ms;
  --kairum-motion-ui: 200ms;
  --kairum-motion-reveal: 280ms;
  --kairum-ease: cubic-bezier(0.22, 1, 0.36, 1);
}