:root{
  /* Machined Titanium — governed teal. Tech Teamz visual identity. */
  --tt-titanium: #DEDCD6; /* Primary ground */
  --tt-graphite: #2B2A26; /* Text, marks, authority */
  --tt-anodised-teal: #17707A; /* Governed attestation state */
  --tt-oxide-bronze: #8C6A3F; /* Rare secondary */
  --tt-panel: #EBE9E3; /* Recessed surfaces */
  --tt-panel-light: #F3F2EE; /* Raised cards */
  --tt-graphite-soft: #4A4842; /* Long-form body text */
  --tt-rule: #C6C4BC; /* Hairlines, borders */
  --tt-mut: #75736B; /* Metadata, captions */
  --tt-teal-deep: #0F5158; /* Teal text on titanium */
  --tt-teal-lift: #3E97A0; /* Teal accent in dark mode */
  --tt-pass: #2F6A4F; /* Verified / approved */
  --tt-warn: #9A6B1D; /* In review / pending */
  --tt-error: #A8321A; /* Failed / blocked */
  /* type */
  --tt-font-sans: 'Söhne','Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;
  --tt-font-mono: 'IBM Plex Mono',Consolas,'Courier New',monospace;
  --tt-fs-display: 58px; --tt-lh-display: 61px;
  --tt-fs-h1: 44px; --tt-fs-h2: 32px; --tt-fs-h3: 22px;
  --tt-fs-h4: 15px; --tt-fs-body: 16px; --tt-fs-caption: 13px;
  --tt-fs-mono: 14px; --tt-fs-footnote: 12px;
  --tt-track-wordmark: 0.008em;
  /* spacing (8pt) */
  --tt-space-1: 8px; --tt-space-2: 16px; --tt-space-3: 24px; --tt-space-4: 32px;
  --tt-space-6: 48px; --tt-space-8: 64px; --tt-space-12: 96px; --tt-space-16: 128px;
  --tt-radius: 6px; --tt-border: 1.5px;
  /* semantic */
  --tt-ground: var(--tt-titanium); --tt-ink: var(--tt-graphite);
  --tt-accent: var(--tt-anodised-teal); /* governed: attestation state only */
}
[data-mode="dark"]{
  --tt-ground: var(--tt-graphite); --tt-ink: var(--tt-titanium);
  --tt-accent: var(--tt-teal-lift);
}