/* Spacing, layout and element sizes. Values are the literal numbers the landing page uses (not snapped to a grid). */
:root{
--space-2:2px; /* @kind spacing */
--space-3:3px; /* @kind spacing */
--space-4:4px; /* @kind spacing */
--space-6:6px; /* @kind spacing */
--space-7:7px; /* @kind spacing */
--space-8:8px; /* @kind spacing */
--space-9:9px; /* @kind spacing */
--space-10:10px; /* @kind spacing */
--space-11:11px; /* @kind spacing */
--space-12:12px; /* @kind spacing */
--space-13:13px; /* @kind spacing */
--space-14:14px; /* @kind spacing */
--space-15:15px; /* @kind spacing */
--space-16:16px; /* @kind spacing */
--space-17:17px; /* @kind spacing */
--space-18:18px; /* @kind spacing */
--space-20:20px; /* @kind spacing */
--space-22:22px; /* @kind spacing */
--space-24:24px; /* @kind spacing */
--space-28:28px; /* @kind spacing */
/* Layout */
--page-min-h:540px; /* @kind spacing */
--header-h:76px; /* @kind spacing */
--header-pad-x:clamp(18px, 3.2vw, 44px); /* @kind spacing */
--nav-gap:clamp(14px, 2.2vw, 30px); /* @kind spacing */
--content-max:640px; /* @kind spacing */
--hero-pad-top:clamp(16px, 11vh, 140px); /* @kind spacing */
--hero-pad-x:clamp(16px, 4vw, 48px); /* @kind spacing */
--hero-gap-bottom:clamp(26px, 4.6vh, 52px); /* @kind spacing */
--hero-sub-gap:clamp(18px, 2.8vh, 28px); /* @kind spacing */
--composer-pad-x:clamp(20px, 4vw, 48px); /* @kind spacing */
--composer-chat-pad-x:clamp(16px, 3vw, 32px); /* @kind spacing */
--thread-pad-x:clamp(14px, 3vw, 32px); /* @kind spacing */
--thread-gap:20px; /* @kind spacing */
--trust-gap:14px 28px; /* @kind spacing */
/* Component widths */
--w-user-bubble:min(80%, 560px); /* @kind spacing */
--w-analysis:460px; /* @kind spacing */
--w-search:460px; /* @kind spacing */
--w-summary:540px; /* @kind spacing */
--composer-max-h:240px; /* @kind spacing */
/* Element sizes */
--size-send:44px; /* @kind spacing */
--size-avatar:38px; /* @kind spacing */
--size-icon-disc:38px; /* @kind spacing */
--size-site-tile:36px; /* @kind spacing */
--size-chip:30px; /* @kind spacing */
--size-status:24px; /* @kind spacing */
--size-favicon:24px; /* @kind spacing */
--size-trust-tile:22px; /* @kind spacing */
--size-step-icon:18px; /* @kind spacing */
--size-pending-ring:14px; /* @kind spacing */
--size-pulse:10px; /* @kind spacing */
--size-dot:9px; /* @kind spacing */
}