:root{
/* ---- Tier one: architecture (surfaces) ---- */
--twf-black-director:#0B0B0B;
--twf-black-studio:#141414;
--twf-graphite:#1E1E1E;
--twf-border-steel:#2C2C2C;

/* ---- Primary accent: Director Bronze ---- */
--twf-bronze:#8B6B46;
--twf-bronze-warm:#B08A5A;
--twf-bronze-deep:#5E4428;

/* ---- Secondary accent: Verdigris ---- */
--twf-verdigris:#5C9B8B;
--twf-verdigris-deep:#3E6B5F;

/* ---- Neutrals ---- */
--twf-white-cinema:#F6F6F4;
--twf-silver-soft:#A8A8A3;
--twf-grey-muted:#767676;

/* ---- Semantic ---- */
--twf-success:#4D8B68;
--twf-info:#58759A;
--twf-warning:#B68542;
--twf-error:#B04C4C;

/* ---- Semantic aliases (use these in UI) ---- */
--twf-surface-page:var(--twf-black-director);
--twf-surface-elevated:var(--twf-black-studio);
--twf-surface-elevated-2:var(--twf-graphite);
--twf-border-default:var(--twf-border-steel);
--twf-accent-action:var(--twf-bronze);
--twf-accent-action-hover:var(--twf-bronze-warm);
--twf-accent-action-pressed:var(--twf-bronze-deep);
--twf-accent-info:var(--twf-verdigris);
--twf-accent-info-recessive:var(--twf-verdigris-deep);
--twf-text-heading:var(--twf-white-cinema);
--twf-text-body:var(--twf-silver-soft);
--twf-text-caption:var(--twf-grey-muted);

/* ---- Tier two: artwork palettes (inside frames ONLY, never in interface chrome) ---- */
--twf-art-oldmaster-oxblood:#6E2B24;
--twf-art-oldmaster-ochre:#A8752F;
--twf-art-oldmaster-umber:#2F3A2C;
--twf-art-oldmaster-leadwhite:#E8DCC0;

--twf-art-modernist-red:#C3452F;
--twf-art-modernist-blue:#1F4E8C;
--twf-art-modernist-yellow:#E0B330;
--twf-art-modernist-black:#111111;

--twf-art-contemporary-magenta:#FF3D8B;
--twf-art-contemporary-cyan:#4DE3FF;
--twf-art-contemporary-acid:#B4FF3D;
--twf-art-contemporary-violet:#7A3DFF;
}