:root{
--tf-charcoal-900:#1A1410;
--tf-charcoal-800:#221C17;
--tf-charcoal-700:#2B2B2B;
--tf-charcoal-600:#3A3733;
--tf-charcoal-500:#4C4844;
--tf-cream-100:#F2EAD8;
--tf-cream-200:#E8DCC4;
--tf-taupe-400:#A89A8C;
--tf-orange-400:#E08A54;
--tf-orange-600:#CF6A32;
--tf-orange-700:#AD5527;
--tf-red-500:#B8383B;
--tf-red-600:#962C2F;
--tf-olive-500:#6E8F5C;
--color-bg:var(--tf-charcoal-700);
--color-bg-alt:var(--tf-charcoal-800);
--color-surface:var(--tf-charcoal-600);
--color-border:var(--tf-charcoal-900);
--color-border-subtle:var(--tf-charcoal-500);
--color-text-primary:var(--tf-cream-200);
--color-text-bright:var(--tf-cream-100);
--color-text-secondary:var(--tf-taupe-400);
--color-accent:var(--tf-orange-600);
--color-accent-hover:var(--tf-orange-700);
--color-accent-tint:var(--tf-orange-400);
--color-link:var(--tf-red-500);
--color-link-hover:var(--tf-red-600);
--color-status-online:var(--tf-olive-500);
--color-on-accent:var(--tf-cream-200);
--color-on-inverse:var(--tf-charcoal-900);
}