/* DRM design tokens — design/prompt.md §3 */
@font-face {
  font-family: "Cinzel";
  src: url("assets/fonts/cinzel-var.woff2") format("woff2");
  font-weight: 400 900;
  font-display: swap;
}

:root {
  /* color */
  --bg: #0E0C12;
  --surface: #17141D;
  --surface-2: #211C29;
  --line: #3A3242;
  --text: #EDE6D6;
  --text-2: #A79F92;
  --soul: #5FE3D0;
  --soul-ink: #06201C;
  --neon: #FF3D8B;
  --brass: #C9A15B;
  --danger: #FF6B5B;
  --warn: #E8B04A;
  --rift-edge: #7FF5E6;
  --void: #05040A;
  --urn-hi: #2BB7C4;
  --urn-lo: #167E8C;
  --urn-band: #D9DCD6;
  --amb-amber: #E89A3C;
  --amb-sanctum: #8FC4FF;
  --amb-ritual: #7CE08A;
  --amb-violet: #A877FF;

  /* type */
  --font-display: "Cinzel", "Times New Roman", serif;
  --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --font-mono: "Cascadia Mono", Consolas, "SFMono-Regular", "Microsoft YaHei", "PingFang SC", monospace;
  --fs-display: 56px;
  --fs-h1: 40px;
  --fs-h2: 28px;
  --fs-h3: 20px;
  --fs-body: 16px;
  --fs-small: 13px;
  --fs-mono: 14px;

  /* space */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

  /* shape */
  --chamfer: 8px;
  --content-max: 1200px;
  --gutter: 24px;
  --page-pad: 32px;
}

@media (max-width: 639px) {
  :root {
    --fs-display: 36px;
    --fs-h1: 28px;
    --fs-h2: 22px;
    --fs-h3: 18px;
    --fs-mono: 13px;
    --page-pad: 16px;
  }
}