/* Hallmark · theme: studied-DNA (source: https://vo.qq.com/#/) · genre: atmospheric · tone: technical · anchor: cool-violet · macrostructure: Map / Diagram · hero: H9 · nav: N12 · footer: Ft2 · contrast: pass (40–41) · slop: pass (42–45) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34, 49, 50–57) */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */

@font-face {
  font-family: "Fusion Pixel 12px Proportional SC";
  src: url("/fonts/fusion-pixel-12px-proportional-zh_hans.otf.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Fusion Pixel 12px Monospaced SC";
  src: url("/fonts/fusion-pixel-12px-monospaced-zh_hans.otf.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --site-font-display: "Fusion Pixel 12px Proportional SC", "Noto Sans SC", "PingFang SC", sans-serif;
  --site-font-body: "Fusion Pixel 12px Proportional SC", "Noto Sans SC", "PingFang SC", sans-serif;
  --site-font-mono: "Fusion Pixel 12px Monospaced SC", "Noto Sans SC", "PingFang SC", monospace;

  --site-paper: oklch(14.5% 0.012 285);
  --site-paper-deep: oklch(11.5% 0.01 285);
  --site-surface: oklch(18.5% 0.018 285);
  --site-surface-raised: oklch(22% 0.024 285);
  --site-ink: oklch(92% 0.028 285);
  --site-ink-soft: oklch(77% 0.034 285);
  --site-ink-muted: oklch(62% 0.028 285);
  --site-rule: oklch(37% 0.035 285);
  --site-rule-soft: oklch(27% 0.024 285);
  --site-band: oklch(72% 0.105 286);
  --site-band-ink: oklch(18% 0.025 285);
  --site-signal: oklch(91% 0.205 109);
  --site-signal-ink: oklch(18% 0.035 109);
  --site-focus: oklch(84% 0.175 109);
  --site-danger: oklch(70% 0.16 24);
  --site-success: oklch(80% 0.15 150);
  --site-shadow: oklch(7% 0.012 285 / 52%);
  --site-glow: oklch(91% 0.205 109 / 18%);
  --site-backdrop: oklch(7% 0.01 285 / 78%);
  --site-media-label-bg: oklch(11.5% 0.01 285 / 82%);
  --site-system-background: url("/assets/virtual-circle/system-background.webp");
  --site-system-shade: oklch(7% 0.012 285 / 22%);
  --site-scan-soft: oklch(78% 0.07 286 / 5%);
  --site-scan-peak: oklch(82% 0.08 286 / 12%);
  --site-scanline: oklch(7% 0.012 285 / 32%);
  --site-ambient-ink: oklch(48% 0.028 285 / 34%);
  --site-ambient-ink-strong: oklch(58% 0.045 285 / 42%);
  --site-ambient-dot: oklch(44% 0.038 285 / 38%);

  --site-space-1: 0.25rem;
  --site-space-2: 0.5rem;
  --site-space-3: 0.75rem;
  --site-space-4: 1rem;
  --site-space-5: 1.5rem;
  --site-space-6: 2rem;
  --site-space-7: 3rem;
  --site-space-8: 4.5rem;
  --site-space-9: 7rem;

  --site-text-xs: 0.75rem;
  --site-text-sm: 0.9375rem;
  --site-text-md: 1rem;
  --site-text-lg: clamp(1.05rem, 1.4vw, 1.25rem);
  --site-text-xl: clamp(2.75rem, 6.4vw, 5.3rem);
  --site-text-page: clamp(3rem, 7vw, 6.5rem);

  --site-radius-xs: 2px;
  --site-radius-sm: 4px;
  --site-radius-round: 50%;
  --site-rule-hair: 1px;
  --site-content: 1240px;
  --site-header-height: 108px;
  --site-dur-fast: 150ms;
  --site-dur-base: 280ms;
  --site-dur-reveal: 420ms;
  --site-dur-scan: 7s;
  --site-dur-log: 360ms;
  --site-log-stagger: 90ms;
  --site-ease: cubic-bezier(.22, .8, .24, 1);
  --site-z-backdrop: 0;
  --site-z-scan: 1;
  --site-z-content: 2;
  --site-z-header: 20;
  --site-z-toast: 80;
  --site-z-dialog: 100;
}