/* Modern skin: the default (and, for now, only) token set. main.css reads
   these custom properties for every themeable value; nothing here should be
   referenced directly from anywhere else. Light mode. Palette: Cool Steel
   (header), Graphite (text), Golden Apricot / Burnt Caramel (accents). Font:
   Clarity City (imported via Google Fonts in each page's <head>). */
:root {
  --color-bg: #e9eaec;
  --color-surface: #ffffff;
  --color-text: #3d3b3c;
  --color-text-muted: #6c7784;
  --color-heading: #323031;
  --color-accent: #d8973c;
  --color-accent-contrast: #323031;
  --color-link: #bd632f;
  --color-border: #ccd2d8;

  --font-body: "Clarity City", sans-serif;
  --font-heading: var(--font-body);

  --radius: 0.25rem;
  --shadow: none;

  --header-bg-color: #8798a3;
  --header-bg-image: none;
  --header-text-color: #323031;

  --canvas-border: 2px dashed #c3c8d1;
  --canvas-bg: #e3e5e9;
}
