@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="white-oath"] {
  /* The palette describes materials, not theme swatches. */
  --wo-night: #151722;
  --wo-night-deep: #0c0d14;
  --wo-night-soft: #242735;
  --wo-porcelain: #e9e6de;
  --wo-porcelain-low: #d9d5cc;
  --wo-light: #f8f5ec;
  --wo-indigo: #515875;
  --wo-indigo-deep: #363b55;
  --wo-cyan: #91c2c8;
  --wo-crimson: #c66274;
  --wo-gold: #b59652;
  --wo-ash: #716f76;

  --wo-ink: var(--wo-night);
  --wo-paper: var(--wo-porcelain);
  --wo-paper-bright: var(--wo-light);
  --wo-text-on-night: #f3efe6;
  --wo-text-muted-night: rgba(233, 230, 222, 0.64);
  --wo-text-muted-paper: rgba(21, 23, 34, 0.63);
  --wo-text-muted: var(--wo-text-muted-paper);

  --wo-night-92: rgba(21, 23, 34, 0.92);
  --wo-night-78: rgba(21, 23, 34, 0.78);
  --wo-night-56: rgba(21, 23, 34, 0.56);
  --wo-night-24: rgba(21, 23, 34, 0.24);
  --wo-night-12: rgba(21, 23, 34, 0.12);
  --wo-night-07: rgba(21, 23, 34, 0.07);
  --wo-paper-94: rgba(233, 230, 222, 0.94);
  --wo-paper-78: rgba(233, 230, 222, 0.78);
  --wo-paper-18: rgba(233, 230, 222, 0.18);
  --wo-light-12: rgba(248, 245, 236, 0.12);
  --wo-indigo-38: rgba(81, 88, 117, 0.38);
  --wo-cyan-42: rgba(145, 194, 200, 0.42);
  --wo-crimson-42: rgba(198, 98, 116, 0.42);
  --wo-gold-44: rgba(181, 150, 82, 0.44);

  --wo-font-display: "Aletheia Identity", "Noto Serif SC", "Source Han Serif SC", serif;
  --wo-font-serif: var(--wo-font-display);
  --wo-font-body: "Inter", "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --wo-font-data: "DIN Alternate", "Bahnschrift", "Aptos", "PingFang SC", system-ui, sans-serif;

  --wo-text-2xs: clamp(0.64rem, 0.12vw + 0.61rem, 0.74rem);
  --wo-text-xs: clamp(0.72rem, 0.16vw + 0.68rem, 0.84rem);
  --wo-text-sm: clamp(0.82rem, 0.18vw + 0.77rem, 0.96rem);
  --wo-text-base: clamp(0.94rem, 0.2vw + 0.89rem, 1.1rem);
  --wo-text-md: clamp(1.06rem, 0.28vw + 0.98rem, 1.3rem);
  --wo-text-lg: clamp(1.28rem, 0.55vw + 1.12rem, 1.72rem);
  --wo-text-xl: clamp(1.7rem, 1.05vw + 1.38rem, 2.55rem);
  --wo-text-2xl: clamp(2.25rem, 2vw + 1.55rem, 4.1rem);
  --wo-text-display: clamp(3rem, 4.6vw + 1.1rem, 8rem);

  --wo-space-1: clamp(0.3rem, 0.25vw, 0.48rem);
  --wo-space-2: clamp(0.52rem, 0.42vw, 0.82rem);
  --wo-space-3: clamp(0.78rem, 0.65vw, 1.2rem);
  --wo-space-4: clamp(1.05rem, 0.9vw, 1.65rem);
  --wo-space-5: clamp(1.42rem, 1.25vw, 2.3rem);
  --wo-space-6: clamp(1.9rem, 1.8vw, 3.4rem);
  --wo-space-7: clamp(2.7rem, 2.7vw, 5.2rem);
  --wo-space-8: clamp(3.8rem, 4.2vw, 8rem);

  --wo-hairline: max(1px, 0.052vw);
  --wo-rule: max(2px, 0.1vw);
  --wo-axis-width: clamp(10.5rem, 11.8vw, 14.5rem);
  --wo-mast-height: clamp(4.6rem, 5.6vw, 6.6rem);
  --wo-stage-max: 156rem;
  --wo-copy-max: 46rem;
  --wo-touch: 2.75rem;

  --wo-shadow-offset: clamp(0.45rem, 0.55vw, 0.85rem);
  --wo-shadow-paper: var(--wo-shadow-offset) var(--wo-shadow-offset) 0 var(--wo-indigo-deep);
  --wo-shadow-crimson: var(--wo-shadow-offset) var(--wo-shadow-offset) 0 rgba(198, 98, 116, 0.7);
  --wo-shadow-night: 0 clamp(1.2rem, 2vw, 3.2rem) clamp(2rem, 4vw, 6rem) rgba(7, 8, 13, 0.3);

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