/* Product Factory neutral tokens. Viewport breakpoints: 600px, 900px, 1200px. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --scrim: rgb(15 23 42 / .55);
  --h1-size: clamp(1.5rem, 4vw, 2.5rem);
  --h2-size: clamp(1.25rem, 2.5vw, 1.5rem);
  --surface: #f8fafc;
  --surface-raised: #ffffff;
  --surface-sunken: #f1f5f9;
  --fg: #0f172a;
  --fg-soft: #334155;
  --muted: #56637a;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --accent: #1d4ed8;
  --accent-hover: #1a44bd;
  --accent-soft: #eef2ff;
  --accent-fg: #ffffff;
  --success-fg: #15803d;
  --success-bg: #f0fdf4;
  --success-border: #bbf7d0;
  --warn-fg: #92620e;
  --warn-bg: #fffbeb;
  --warn-border: #fde68a;
  --danger-fg: #b3261e;
  --danger-bg: #fef2f2;
  --danger-border: #fecaca;
  --info-fg: #4f46e5;
  --info-bg: #f5f3ff;
  --info-border: #ddd6fe;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.04);
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: var(--font-sans);
  --display-weight: var(--weight-bold);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2.5rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.25;
  --leading-normal: 1.6;
  --leading-relaxed: 1.8;
  --content-width: 1080px;
  --measure: 760px;
  --transition: 140ms ease;
  --header-glass: rgb(255 255 255 / .85);
  --header-blur: 12px;
  --header-saturation: 180%;
  --nav-text-size: .9375rem;
  --footer-text-size: .875rem;
  --footer-heading-size: .75rem;
  --footer-copyright-size: .8125rem;
  --footer-heading-tracking: .06em;
  --press-offset: 1px;
  --line-width: 1px;
  --focus-width: 2px;
  --touch-target: 44px;
  --touch-target-small: 36px;
  --auth-card-width: 460px;
  --textarea-min-height: 120px;
  --dialog-width: 520px;
  --dialog-viewport-width: 90vw;
  --page-min-height: 100vh;
  --skip-offset: 9999px;
  --indicator-duration: 200ms;
  --reduced-motion-duration: .01ms;
}