:root {
  --color-primary: #22d3ee;
  --color-secondary: #0f172a;
  --color-surface-1: color-mix(in srgb, #0f172a 92%, transparent);
  --color-accent: #f97316;
  --color-border: color-mix(in srgb, #f97316 18%, transparent);
  --color-glow: color-mix(in srgb, #f97316 35%, transparent);
  --color-bg: #f7f9fc;
  --color-text: #0f172a;
  --color-card: #ffffff;
  --color-surface-2: color-mix(in srgb, #ffffff 96%, transparent);
  --color-muted: color-mix(in srgb, #0f172a 58%, #0f172a);
  --radius: 12px;
  --theme-tt-black: #050608;
  --theme-tt-ink: #0d0f14;
  --theme-tt-card: #111318;
  --theme-tt-red: #b91c1c;
  --theme-tt-red-soft: #ef4444;
  --theme-tt-red-glow: rgba(220, 38, 38, 0.35);
  --theme-tt-border: rgba(220, 38, 38, 0.22);
  --theme-tt-text: #f0ece4;
  --theme-tt-muted: #8a8075;
  --theme-tt-accent: #dc2626;
}