:root {
  /* Central visual language for app, sandbox, and authoring consumers. */
  --theme-surface-bg: #151020;
  --theme-surface-bg-deep: #0f0b18;
  --theme-surface-bg-soft: #1d162a;
  --theme-surface-bg-soft-2: #241b34;
  --theme-surface-stage-top: #171122;
  --theme-surface-stage-bottom: #0f0b18;
  --theme-surface-text: #fff5e4;
  --theme-surface-muted: #d8c8b0;
  --theme-surface-muted-2: #a38f7d;
  --theme-surface-line: rgba(255, 245, 228, 0.14);
  --theme-surface-line-strong: rgba(255, 245, 228, 0.24);
  --theme-surface-accent: #ff8b2f;
  --theme-surface-accent-cool: #8398eb;
  --theme-surface-accent-rose: #cb8ea0;
  --theme-surface-success: #93c489;
  --theme-surface-danger: #db8372;
  --theme-surface-shadow: rgba(0, 0, 0, 0.34);
  --theme-surface-bloom: rgba(255, 139, 47, 0.12);
  --theme-surface-bloom-cool: rgba(131, 152, 235, 0.1);
  --theme-surface-page-background:
    radial-gradient(circle at top left, rgba(255, 139, 47, 0.08), transparent 26%),
    radial-gradient(circle at top right, rgba(131, 152, 235, 0.08), transparent 24%),
    linear-gradient(180deg, #151020 0%, #100b18 100%);
  --theme-surface-font-display:
    "P22 Typewriter",
    "American Typewriter",
    "IBM Plex Mono",
    "Courier Prime",
    "Courier New",
    monospace;
  --theme-surface-font-body:
    "IBM Plex Mono",
    "P22 Typewriter",
    "American Typewriter",
    "Courier Prime",
    "Courier New",
    monospace;
  --theme-surface-font-literary:
    "EB Garamond",
    "Iowan Old Style",
    Georgia,
    serif;
  --theme-surface-page-width: min(1560px, calc(100vw - 24px));
  --theme-surface-page-pad-y: 18px;
  --theme-surface-gap: 18px;
}