:root {
  /* Brand from logo — navy / teal / white, with hunter orange CTAs */
  --tf-navy: #002038;
  --tf-navy-deep: #001830;
  --tf-teal: #008a97;
  --tf-teal-deep: #007888;
  --tf-teal-soft: rgba(0, 138, 151, 0.12);
  --tf-orange: #fc4f00;
  --tf-orange-deep: #e04500;
  --tf-orange-soft: rgba(252, 79, 0, 0.12);
  --tf-black: var(--tf-navy);
  --tf-ink: #0a1a28;
  --tf-muted: #5a6b78;
  --tf-line: #e6eef1;
  --tf-line-strong: #c9d7de;
  --tf-white: #ffffff;
  --tf-wash: #f4f8f9;
  --tf-success: #1f9d55;
  --tf-error: #d64545;

  --tf-font-display: 'Archivo', system-ui, sans-serif;
  --tf-font-sans: 'Manrope', system-ui, sans-serif;
  --tf-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --tf-radius-sm: 10px;
  --tf-radius-md: 16px;
  --tf-radius-lg: 22px;
  --tf-max-w: 440px;
  --tf-shutter: 74px;
  --tf-frame: 5px;
}