/*
  Design tokens for Nuovo Digital.
  Pulled from the brand style guide. Change values here to re-theme
  the whole site — nothing else in /css should hardcode a color,
  font, or breakpoint value.
*/

:root {
  /* Color */
  --color-ink: #000000;
  --color-paper: #ffffff;
  --color-steel: #5b5b58; /* darkened from the guide's #6e6e6b to clear WCAG AA (4.5:1) as body text */
  --color-fog: #e7e5e0;
  --color-corsa: #c8331a;
  --color-adriatic: #1f3a5f;

  /* Type */
  --font-display: 'Space Grotesk', 'Arial Narrow', sans-serif;
  --font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout */
  --container-max: 1180px;
  --gutter: 20px;
  --border-width: 1px;

  /* Breakpoints (reference only — CSS can't read these in media queries,
     kept here as documentation; actual queries below use the literal px). */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}