:root{
--titan-red-800:#671f14;
--titan-red-700:#87291b;
--titan-red-600:#a33322;
--titan-red-500:#c04430;
--titan-red-400:#d9634c;
--titan-red-100:#f7ded8;
--titan-ink-900:#1e1e1e;
--titan-ink-700:#4a4640;
--titan-ink-500:#736c62;
--titan-paper-50:#faf9f6;
--titan-paper-100:#f2ede1;
--titan-paper-200:#e6dfcd;
--titan-line:#ddd4bf;
--titan-gold:#d66f1a;
--titan-green:#4a7856;
--surface-page:var(--titan-paper-50);
--surface-card:#ffffff;
--surface-sunken:var(--titan-paper-100);
--surface-inverse:var(--titan-ink-900);
--surface-brand:var(--titan-red-600);
--text-body:var(--titan-ink-900);
--text-muted:var(--titan-ink-700);
--text-faint:var(--titan-ink-500);
--text-on-brand:var(--titan-paper-50);
--text-on-inverse:var(--titan-paper-50);
--text-brand:var(--titan-red-600);
--border-default:var(--titan-line);
--border-strong:var(--titan-ink-900);
--brand-primary:var(--titan-red-600);
--brand-primary-hover:var(--titan-red-700);
--brand-primary-active:var(--titan-red-800);
--accent-gold:var(--titan-gold);
--accent-green:var(--titan-green);
--focus-ring:var(--titan-red-500);
}