/* Retain the CMS's readable system typography and shared shell conventions.
   The user selected a neutral white, gray and charcoal product-site palette. */
:root {
  --paper: #f7f7f8;
  --ink: #202124;
  --accent: #26272b;
  --muted: #62646b;
  --subtle: #494b52;
  --font-body: system-ui, -apple-system, "Segoe UI", "Yu Gothic UI", Meiryo, sans-serif;
  --font-heading: var(--font-body);
  --font-code: "Cascadia Code", Consolas, ui-monospace, monospace;
  --surface: #ffffff;
  --soft: #ededf0;
  --line: #d9dadd;
  --pine: #222328;
  --accent-soft: #e6e7ea;
  --radius: 16px;
  --content-width: 1184px;
  --page-gutter: clamp(20px, 4vw, 48px);
}