/* Crux marketing tokens · 2026-10-21. Contract: DESIGN.md + design-tokens.json.
   Explicit scope keeps the independent .crux-ide / wb-* workbench unchanged.
   Variables only: importing this file does not restyle an existing component. */
.crux-site {
  color-scheme: dark;
  --site-bg: #000000;
  --site-surface: #09090b;
  --site-surface-raised: #111114;
  --site-text: #f6f8ff;
  --site-muted: #a7adba;
  --site-subtle: #7d8493;
  --site-accent: #004ff1;
  --site-action: #0a58ff;
  --site-action-pressed: #0848d9;
  --site-ice: #a5d8ff;
  --site-cyan: #38bdf8;
  --site-border: rgb(255 255 255 / 12%);
  --site-border-strong: rgb(255 255 255 / 24%);
  --site-success: #4ade80;
  --site-error: #fca5a5;
  --site-font-display: 'Arial MT','ArialMT',Arial,Helvetica,sans-serif;
  --site-font-ui: Geist,Inter,system-ui,sans-serif;
  --site-font-mono: 'Geist Mono',ui-monospace,monospace;
  --site-size-hero: clamp(44px,5.3vw,76px);
  --site-size-section: clamp(36px,4.5vw,56px);
  --site-size-card: 28px;
  --site-size-body: 16px;
  --site-size-small: 14px;
  --site-size-eyebrow: 10px;
  --site-tracking-display: -.06em;
  --site-tracking-card: -.045em;
  --site-tracking-eyebrow: .12em;
  --site-leading-display: 1.08;
  --site-leading-body: 1.6;
  --site-space-1: 4px;
  --site-space-2: 8px;
  --site-space-3: 12px;
  --site-space-4: 16px;
  --site-space-6: 24px;
  --site-space-8: 32px;
  --site-space-12: 48px;
  --site-space-16: 64px;
  --site-space-24: 96px;
  --site-radius-small: 8px;
  --site-radius-button: 10px;
  --site-radius-control: 12px;
  --site-radius-card: 16px;
  --site-radius-panel: 24px;
  --site-content: 1200px;
  --site-reading: 720px;
  --site-gutter: clamp(20px,4vw,48px);
  --site-section-gap: clamp(64px,8vw,112px);
  --site-control-height: 44px;
  --site-control-height-compact: 32px;
  --site-duration-fast: 240ms;
  --site-duration-base: 400ms;
  --site-duration-reveal: 720ms;
  --site-ease: cubic-bezier(.22,1,.36,1);
  --site-focus: 2px solid #a5d8ff;
  --site-focus-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .crux-site {
    --site-duration-fast: 0ms;
    --site-duration-base: 0ms;
    --site-duration-reveal: 0ms;
  }
}