/*
 * Noa Scheinowitz — design tokens (light theme).
 * Source: design-system/tokens.json (version 4). The site loads this file, not design-system/tokens.css.
 * Change a value here and it changes on every page.
 */
:root {
  /* Ground */
  --paper: #ffffff;
  --paper-raised: #f6f5f3;

  /* Ink */
  --ink: #111111;
  --ink-muted: #5c5c5c;
  --hairline: #d9d7d3;

  /* Batorange — navigation and actions */
  --accent: #a42c02;
  --accent-ink: #a42c02;
  --on-accent: #ffffff;
  --accent-tint: #f7e9e3;

  /* Deep secondary — titles */
  --secondary: #30345c;
  --secondary-ink: #30345c;
  --on-secondary: #ffffff;
  --secondary-tint: #e9eaf2;

  /* Type: Georgia only. It comes from the visitor's system. */
  --font-serif: Georgia, 'Times New Roman', serif;

  /* Space */
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;

  /* Layout */
  --page-max: 1360px;
  --page-margin: var(--space-10);
}

@media (max-width: 760px) {
  :root {
    --page-margin: var(--space-6);
  }
}