/* Design tokens for the Prompt to Product demo site. An original look: graphite and paper
   with one rose-magenta signal colour, inspired by a terminal prompt turning into a product.
   Not based on, and deliberately unlike, any vendor's logo or brand colours.
   Contrast (WCAG AA) on --color-bg: text 16.3, muted 7.2, link 6.0, accent 6.2 (lowest on surface 5.5);
   header text 15.9 on the graphite header, hover/focus pink 8.7 on it.
   Type: system sans for text, system monospace for prompt-style labels and headings accents. */
:root {
  --color-bg: #fafaf8;
  --color-surface: #efeff0;
  --color-text: #1c1b22;
  --color-muted: #55535f;
  --color-link: #0f6a73;
  --color-link-hover: #09474d;
  --color-accent: #b0215f;
  --color-accent-strong: #ff9fc2;
  --color-border: #d5d4da;
  --color-header-bg: #1f1d27;
  --color-header-text: #fafaf8;
  --color-focus: #0f6a73;
  --color-code-bg: #1f1d27;
  --color-code-text: #f1eff5;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;

  /* type scale, ratio ~1.25 */
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5625rem;
  --text-2xl: clamp(1.75rem, 4vw, 2.25rem);
  --text-3xl: clamp(2.25rem, 6vw, 3.5rem);
  --leading-body: 1.65;
  --leading-heading: 1.15;
  --heading-weight: 700;
  --heading-tracking: -0.02em;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 3rem;
  --measure: 65ch;
  --radius: 10px;
  --rule: 1px solid var(--color-border);
}