:root {
  --titan-bg: #f7f8f4;
  --titan-bg-warm: #fbfaf7;
  --titan-surface: #ffffff;
  --titan-surface-soft: #f1f4f0;
  --titan-surface-warm: #fcfbf8;
  --titan-surface-neutral: #f5f5f1;
  --titan-surface-muted: #efeee9;
  --titan-white: #ffffff;
  --titan-white-translucent: rgba(255, 255, 255, .65);
  --titan-white-header: rgba(255, 255, 255, .96);
  --titan-ivory-translucent: rgba(255, 254, 251, .55);
  --titan-ink: #102721;
  --titan-muted: #52635d;
  --titan-muted-strong: #3f4d48;
  --titan-dark-muted: #c8d7d1;
  --titan-green-950: #052f28;
  --titan-green-900: #063d32;
  --titan-green-800: #0a4b3d;
  --titan-green-700: #0d6b58;
  --titan-green-600: #16846d;
  --titan-green-500: #2ca67f;
  --titan-green-100: #e8f3ee;
  --titan-green-50: #f4fbf7;
  --titan-green-border: #a7d7c8;
  --titan-green-border-soft: #cfe4da;
  --titan-green-border-muted: #b9dacc;
  --titan-green-halo: rgba(233, 245, 239, .45);
  --titan-green-halo-soft: rgba(233, 245, 239, .24);
  --titan-border: #d9ded8;
  --titan-border-strong: #aeb9b2;
  --titan-border-soft: #e8ebe7;
  --titan-border-warm: #ecece7;
  --titan-border-header: rgba(222, 223, 217, .9);
  --titan-code: #1f2927;
  --titan-code-text: #eff7f3;
  --titan-violet: #5b4a9a;
  --titan-violet-soft: #f1eefb;
  --titan-danger: #8f2f2a;
  --titan-danger-soft: #fff1ef;
  --titan-danger-border: #d6a5a1;
  --titan-warning: #76520a;
  --titan-warning-soft: #fff7e7;
  --titan-warning-border: #d1b469;
  --titan-warning-border-strong: #bb944d;
  --titan-warning-text-muted: #6f5a2f;
  --titan-success: #0d6b58;
  --titan-success-soft: #e8f3ee;
  --titan-current: var(--titan-green-600);
  --titan-current-soft: var(--titan-green-100);
  --titan-canonical: var(--titan-green-700);
  --titan-canonical-soft: var(--titan-green-50);
  --titan-historical: var(--titan-muted-strong);
  --titan-historical-soft: var(--titan-surface-muted);
  --titan-public-demo: var(--titan-violet);
  --titan-public-demo-soft: var(--titan-violet-soft);
  --titan-pass: var(--titan-success);
  --titan-pass-soft: var(--titan-success-soft);
  --titan-pass-border: var(--titan-green-border-muted);
  --titan-fail: var(--titan-danger);
  --titan-fail-soft: var(--titan-danger-soft);
  --titan-fail-border: var(--titan-danger-border);
  --titan-max-width: 80rem;
  --titan-radius-card: .875rem;
  --titan-radius-control: .55rem;
  --titan-shadow: 0 1.1rem 2.8rem rgba(25, 48, 41, .1);
  --titan-shadow-soft: 0 .45rem 1.25rem rgba(25, 48, 41, .07);
  --titan-shadow-hairline: 0 .25rem .8rem rgba(25, 48, 41, .04);
  --titan-shadow-nav: 0 .4rem 1.35rem rgba(25, 48, 41, .06);
  --titan-shadow-nav-strong: 0 .65rem 1.6rem rgba(25, 48, 41, .1);
  --titan-shadow-menu: 0 1rem 2.5rem rgba(19, 39, 33, .14);
  --titan-green-shadow: rgba(6, 61, 50, .14);
  --titan-white-border-translucent: rgba(255, 255, 255, .55);
  --titan-white-surface-translucent: rgba(255, 255, 255, .12);
  --titan-section-space: clamp(2.5rem, 6vw, 5rem);
  --titan-header-height: 3.875rem;
  --titan-focus-ring: #b86b00;
  color: var(--titan-ink);
  background: var(--titan-bg);
  font: 1rem/1.5 Aptos, "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
}