/* Color tokens */
:root{
/* Base */
--twm-ink:rgb(0,0,0); /* text, buttons, logo, dividers */
--twm-white:rgb(255,255,255);
--twm-paper:rgb(254,254,253); /* page + header background (off-white) */
--twm-hairline:rgb(234,234,233); /* 1px borders, nav dot separators */
--twm-arrow-bg:rgb(247,247,247); /* carousel arrow plate */
--twm-sand:rgb(228,224,216); /* newsletter / trending / article-header bands */
--twm-placeholder:rgb(153,153,153); /* search placeholder */
--twm-hover:rgb(153,153,153); /* interactive hover grey (links, mega, chips, tabs) */
--twm-grey-mid:rgb(133,133,133); /* pull-quote attribution divider */
/* Scrim */
--twm-scrim-video:rgba(0,0,0,0.4); /* video feature overlay */
/* Comments widget (third-party palette, article page only) */
--twm-comment-ink:rgb(42,46,46);
--twm-comment-grey:rgb(101,108,122);
--twm-comment-border:rgb(194,198,204);
--twm-comment-avatar:rgb(46,159,255);
/* Semantic aliases */
--text-body:var(--twm-ink);
--text-inverse:var(--twm-white);
--text-muted:var(--twm-placeholder);
--surface-page:var(--twm-paper);
--surface-card:var(--twm-white);
--surface-band:var(--twm-sand);
--surface-button:var(--twm-ink);
--border-default:var(--twm-hairline);
}