@font-face {
  font-family: "Aletheia Identity";
  src: url("/fonts/aletheia-identity-serif.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400 700;
}

html[data-surface="maintainer"] {
  /* A single authored lighting condition: these are materials, not theme swatches. */
  --am-night: #171925;
  --am-night-deep: #0e1018;
  --am-night-soft: #292d3e;
  --am-porcelain: #ebe8e0;
  --am-porcelain-low: #d8d4cb;
  --am-light: #faf7ef;
  --am-indigo: #59617f;
  --am-indigo-deep: #373d58;
  --am-cyan: #8fc2c7;
  --am-crimson: #c86578;
  --am-gold: #b99a58;
  --am-cobalt: #4265b5;
  --am-green: #649b88;
  --am-ash: #6d6c74;

  --am-ink: var(--am-night);
  --am-paper: var(--am-porcelain);
  --am-paper-bright: var(--am-light);
  --am-text-on-night: #f3efe6;
  --am-muted-night: rgba(233, 230, 222, 0.66);
  --am-muted-paper: rgba(21, 23, 34, 0.68);
  --am-night-92: rgba(21, 23, 34, 0.92);
  --am-night-78: rgba(21, 23, 34, 0.78);
  --am-night-56: rgba(21, 23, 34, 0.56);
  --am-night-24: rgba(21, 23, 34, 0.24);
  --am-night-14: rgba(21, 23, 34, 0.14);
  --am-night-08: rgba(21, 23, 34, 0.08);
  --am-paper-94: rgba(233, 230, 222, 0.94);
  --am-paper-78: rgba(233, 230, 222, 0.78);
  --am-paper-18: rgba(233, 230, 222, 0.18);
  --am-indigo-38: rgba(81, 90, 120, 0.38);
  --am-cyan-42: rgba(145, 194, 200, 0.42);
  --am-crimson-42: rgba(198, 98, 116, 0.42);
  --am-gold-44: rgba(181, 150, 82, 0.44);

  --am-font-display:
    "Aletheia Identity", "Noto Serif SC", "Source Han Serif SC", serif;
  --am-font-body:
    "Inter", "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui,
    sans-serif;
  --am-font-data:
    "Aptos", "Segoe UI Variable", "Inter", "PingFang SC", system-ui, sans-serif;

  --am-text-2xs: clamp(0.76rem, 0.07vw + 0.73rem, 0.84rem);
  --am-text-xs: clamp(0.84rem, 0.09vw + 0.8rem, 0.94rem);
  --am-text-sm: clamp(0.94rem, 0.12vw + 0.89rem, 1.07rem);
  --am-text-base: clamp(1.03rem, 0.15vw + 0.97rem, 1.2rem);
  --am-text-md: clamp(1.12rem, 0.22vw + 1.05rem, 1.36rem);
  --am-text-lg: clamp(1.34rem, 0.42vw + 1.2rem, 1.78rem);
  --am-text-xl: clamp(1.76rem, 0.82vw + 1.48rem, 2.6rem);
  --am-text-2xl: clamp(2.4rem, 1.6vw + 1.82rem, 4.4rem);
  --am-text-display: clamp(4.2rem, 6vw + 1rem, 11rem);

  --am-space-1: clamp(0.34rem, 0.24vw, 0.52rem);
  --am-space-2: clamp(0.56rem, 0.4vw, 0.88rem);
  --am-space-3: clamp(0.82rem, 0.62vw, 1.24rem);
  --am-space-4: clamp(1.08rem, 0.85vw, 1.72rem);
  --am-space-5: clamp(1.5rem, 1.2vw, 2.4rem);
  --am-space-6: clamp(2rem, 1.75vw, 3.45rem);
  --am-space-7: clamp(2.8rem, 2.65vw, 5.4rem);
  --am-space-8: clamp(4rem, 4.2vw, 8rem);

  --am-hairline: max(1px, 0.052vw);
  --am-rule: max(2px, 0.1vw);
  --am-axis-width: clamp(14.6rem, 14.8vw, 18.6rem);
  --am-mast-height: clamp(5.4rem, 5.8vw, 7rem);
  --am-stage-max: 168rem;
  --am-copy-max: 52rem;
  --am-touch: 2.9rem;

  --am-shadow-offset: clamp(0.5rem, 0.58vw, 0.95rem);
  --am-shadow-paper:
    0 1px 0 rgba(255, 255, 255, 0.78),
    0 clamp(1rem, 1.8vw, 2.4rem) clamp(2.2rem, 4vw, 5.4rem)
      rgba(20, 22, 34, 0.16);
  --am-shadow-crimson:
    0.55rem 0.7rem 0 rgba(198, 101, 120, 0.22),
    0 1.4rem 3.8rem rgba(20, 22, 34, 0.2);
  --am-shadow-night: 0 clamp(1.2rem, 2vw, 3.2rem) clamp(2.2rem, 4vw, 6rem)
    rgba(7, 8, 13, 0.24);

  --am-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --am-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --am-ease-register: cubic-bezier(0.2, 0.84, 0.24, 1);
  --am-duration-fast: 150ms;
  --am-duration: 280ms;
  --am-duration-long: 520ms;
  --am-focus: 0 0 0 2px var(--am-light), 0 0 0 5px var(--am-crimson);
}