:root{
--tf-orange:#E96B2C;
--tf-orange-hover:#D85A18;
--tf-orange-soft:#FFB26B;
--tf-orange-tint:#FDEBDD;
--tf-ink:#18181B;
--tf-ink-2:#3F3F46;
--tf-ink-3:#71717A;
--tf-bg:#FCFCFA;
--tf-surface:#F7F5F2;
--tf-surface-2:#F0EDE8;
--tf-border:#E7E2DB;
--tf-white:#FFFFFF;
--tf-dark:#0C0C0E;
--tf-success:#2E9E6B;
--tf-warning:#E8A13C;
--tf-danger:#D64545;
/* semantic aliases */
--color-primary:var(--tf-orange);
--color-primary-hover:var(--tf-orange-hover);
--color-accent:var(--tf-orange-soft);
--text-body:var(--tf-ink);
--text-secondary:var(--tf-ink-2);
--text-muted:var(--tf-ink-3);
--text-on-primary:#FFFFFF;
--surface-page:var(--tf-bg);
--surface-card:var(--tf-white);
--surface-raised:var(--tf-surface);
--surface-sunken:var(--tf-surface-2);
--border-default:var(--tf-border);
--border-strong:#D6CFC5;
--focus-ring:0 0 0 3px rgba(233,107,44,.28);
}