/* VURM Product Design System v1. Canonical source: vurm/assets/product-tokens.css.
   Vendored unchanged in Growth OS; update both copies in a coordinated release.
   Variables only: public/customer websites keep their own palette. */
:root {
  --product-canvas: #0e1219;
  --product-rail: #0b0f16;
  --product-surface: #171d27;
  --product-raised: #222a37;
  --product-overlay: #293345;
  --product-line: #39465a;
  --product-line-quiet: #283242;
  --product-ink: #f1f4fa;
  --product-muted: #b6c1d1;
  --product-violet: #7049ed;
  --product-violet-hover: #6036dc;
  --product-link: #c2afff;
  --product-volt: #c9ff45;
  --product-positive: #9cdbad;
  --product-warning: #f1cd91;
  --product-negative: #ffb4ab;
  --product-info: #aac7ff;
  --product-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --product-radius-control: 10px;
  --product-radius-surface: 16px;
  --product-rail-width: 248px;
  --product-space-1: 4px;
  --product-space-2: 8px;
  --product-space-3: 12px;
  --product-space-4: 16px;
  --product-space-6: 24px;
  --product-space-8: 32px;
  --product-space-12: 48px;
  --product-space-16: 64px;
  --product-radius-hero: 24px;
  --product-shadow-raised: 0 12px 36px #0003;
  --product-shadow-action: 0 0 0 1px #ffffff14, 0 8px 24px #0003;
  --product-motion-reveal: 400ms;
  --product-shadow-overlay: 0 16px 48px #0006;
  --product-ease: cubic-bezier(.16,1,.3,1);
  --product-motion-fast: 160ms;
  --product-motion-state: 240ms;
  --product-z-sticky: 10;
  --product-z-navigation: 20;
  --product-z-overlay: 40;
  /* Public and application shells share identity, not layout density. These
     aliases are also vendored in Growth OS; customer canvases do not inherit
     shell rules. Keep both copies byte-identical. */
  --public-canvas: #090b12;
  --public-surface: var(--product-surface);
  --public-raised: var(--product-raised);
  --public-ink: var(--product-ink);
  --public-muted: var(--product-muted);
  --public-line: var(--product-line);
  --public-volt: var(--product-volt);
  --public-violet: var(--product-violet);
  --public-font: Manrope, var(--product-font);
  --public-header-height: 96px;
  --public-character-header-size: 80px;
  --public-control-height: 48px;
  --product-control-height: 44px;
  --product-character-header-size: 64px;
  --product-character-compact-size: 48px;
}