/**
 * 152scan public marketing design tokens (pre-Direct unify).
 * Product site: light canvas + graphite ink + teal accent.
 * Blue reserved for links / evidence — not primary CTA.
 */
:root {
  /* Canvas / ink */
  --color-canvas: #f8fafc;
  --color-panel: #ffffff;
  --color-inset: #f1f3f5;
  --color-ink: #12141a;
  --color-ink-muted: #5f6f86;
  --color-border: #dce3ea;
  --color-border-strong: rgba(18, 20, 26, 0.18);
  --color-accent: #0b6e6a;
  --color-accent-hover: #075b58;
  --color-accent-soft: #eaf6f5;
  --color-accent-contrast: #ffffff;
  --color-focus: #0b6e6a;

  /* Conclusion classes (muted; not traffic-light) */
  --class-potential: #8a5a00;
  --class-potential-bg: #f5ecd9;
  --class-signal: #3d5a80;
  --class-signal-bg: #e8eef5;
  --class-manual: #5a6170;
  --class-manual-bg: #e8eaed;

  /* Priority — different axis from class */
  --priority-high: #7a2e2a;
  --priority-medium: #6b5a2e;
  --priority-low: #3d5a4a;
  --priority-info: #4a5568;

  /* Semantic */
  --color-success: #0f7b4f;
  --color-error: #a32d26;
  --color-info: #3d5a80;
  --color-link: #3d5a80;

  /* Soft semantic fills (badges / chips) */
  --color-success-soft: #e5f4ee;
  --color-error-soft: #faf2f1;
  --color-warning-soft: #f5ecd9;

  /* Geometry */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --container-max: 1240px;
  --container-doc: 760px;
  --container-form: 720px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 72px;
  --space-10: 96px;

  /* Typography */
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Menlo, Consolas, monospace;

  --text-xs: 0.8125rem; /* 13px */
  --text-sm: 0.875rem;  /* 14px */
  --text-base: 1rem;    /* 16px */
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-h1-doc: 2rem; /* 32px */
  --text-h1-marketing: clamp(2rem, 2.5vw + 1rem, 2.75rem); /* 32–44 */
  --text-hero: clamp(2rem, 3vw + 1rem, 2.75rem);
  --text-h2: clamp(1.5rem, 1.5vw + 1rem, 2rem); /* ~30–32 */
  --text-h3: 1.25rem; /* 20px */

  --line-tight: 1.18;
  --line-base: 1.55;
  --line-loose: 1.7;

  --shadow-none: none;
  --shadow-soft: 0 1px 2px rgba(18, 20, 26, 0.04), 0 8px 24px rgba(18, 20, 26, 0.04);
  --transition-fast: 160ms ease;
  --transition-base: 200ms ease;
  --z-sticky: 30;
  --z-header: 40;
  --z-cookie: 9999;

  /* Cookie safe area for main content */
  --cookie-safe-bottom: 5.5rem;
}