:root{
--tfc-black:#15130f;
--tfc-charcoal:#201d18;
--tfc-charcoal-2:#2a2621;
--tfc-charcoal-3:#37322a;
--tfc-khaki-100:#efe7d6;
--tfc-khaki-200:#d9cbaf;
--tfc-khaki-300:#c2b393;
--tfc-khaki-400:#a69c89;
--tfc-khaki-500:#7d7462;
--tfc-red-900:#4a1815;
--tfc-red-700:#7a2420;
--tfc-red-600:#a83232;
--tfc-red-500:#c24a3f;
--tfc-red-400:#dd6b57;
--tfc-blue-900:#122236;
--tfc-blue-700:#1f3654;
--tfc-blue-600:#2e4f7a;
--tfc-blue-500:#3f6ba8;
--tfc-blue-400:#6b93c9;
--tfc-amber-600:#a97a1f;
--tfc-amber-500:#d9a441;
--tfc-amber-400:#efc772;
--tfc-olive-600:#4a5c30;
--tfc-olive-500:#5c7a3a;
--tfc-olive-400:#7d9c54;
--tfc-crit-500:#e5533d;
--tfc-white:#fbf7ee;

--surface-canvas:var(--tfc-black);
--surface-panel:var(--tfc-charcoal);
--surface-panel-raised:var(--tfc-charcoal-2);
--surface-inset:var(--tfc-charcoal-3);
--surface-paper:var(--tfc-khaki-100);

--border-hairline:#423c30;
--border-strong:var(--tfc-khaki-500);

--text-primary:var(--tfc-khaki-100);
--text-secondary:var(--tfc-khaki-400);
--text-muted:var(--tfc-khaki-500);
--text-inverse:var(--tfc-black);

--team-red:var(--tfc-red-600);
--team-red-strong:var(--tfc-red-500);
--team-red-dim:var(--tfc-red-700);
--team-blue:var(--tfc-blue-600);
--team-blue-strong:var(--tfc-blue-500);
--team-blue-dim:var(--tfc-blue-700);

--accent-amber:var(--tfc-amber-500);
--accent-amber-strong:var(--tfc-amber-400);
--accent-olive:var(--tfc-olive-500);
--accent-crit:var(--tfc-crit-500);

--focus-ring:var(--tfc-amber-500);
--link:var(--tfc-amber-400);
--link-hover:var(--tfc-amber-500);
}