/* Layer 2 Media — design tokens, from the "Layer 2 Media" design system
   (claude.ai/artifact/64AokDUKysADHpbnJaucfK, project/tokens.json v1). */
/* Fonts are self-hosted (no requests to Google): Inter and Space Grotesk, SIL Open Font Licence. */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/inter-latin-400.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/inter-latin-500.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/inter-latin-600.woff2) format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/space-grotesk-latin-500.woff2) format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/space-grotesk-latin-600.woff2) format("woff2"); }

:root {
  /* colour — light */
  --paper: #F7F4EE;
  --surface-raised: #EFEAE1;
  --ink: #14161A;
  --ink-muted: #5C5A55;
  --line: #DDD6CA;
  --cinnabar: #E8452C;
  --cinnabar-strong: #C8341D;
  --on-cinnabar: #FFFFFF;
  --cinnabar-deep: #9E2A17;
  --cinnabar-tint: #FBDDD6;
  --gold: #E9A23B;

  /* type */
  --font-display: "Space Grotesk", "Noto Sans SC", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;

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

  /* radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
}

/* Dark ground for contrast chapters: the system's dark theme, scoped. */
.on-ink {
  --paper: #14161A;
  --surface-raised: #1E2126;
  --ink: #F3EFE8;
  --ink-muted: #A9A49B;
  --line: #2E3238;
  --cinnabar: #FF6A4D;
  --cinnabar-strong: #FF6A4D;
  --on-cinnabar: #14161A;
  --cinnabar-deep: #C8341D;
  --cinnabar-tint: #3A1F1A;
  --gold: #F2B655;
  background: var(--paper);
  color: var(--ink);
}