/* Base palette. Never reference these directly in product code — use tokens/semantic.css. */
:root{
  /* Ink — the brand ground. --ts-ink-800 is the site theme-color. */
  --ts-ink-900:#0B0B0B; --ts-ink-800:#111111; --ts-ink-700:#1A1A1A;
  --ts-ink-600:#242424; --ts-ink-500:#3A3A3A;
  /* Ash — type and hairlines on ink */
  --ts-ash-400:#6E6B66; --ts-ash-300:#8F8C87; --ts-ash-200:#B9B5AD; --ts-ash-100:#DEDAD2;
  /* Paper — warm neutrals for light surfaces and print */
  --ts-paper-000:#FFFFFF; --ts-paper-100:#FAF8F4; --ts-paper-200:#F2EFE8; --ts-paper-300:#E4DFD5;
  /* Champagne — the metal. Hairlines, overlines, crests. Never large fills. */
  --ts-champagne-700:#8E7742; --ts-champagne-500:#C4A96A; --ts-champagne-300:#DCC796; --ts-champagne-100:#F0E6CC;
  /* Orange Tulip — the one saturated accent */
  --ts-orange-700:#A84D12; --ts-orange-500:#E06B1F; --ts-orange-300:#F0A16B; --ts-orange-100:#FBE6D6;
  /* Semantic hues */
  --ts-green-600:#3F7A52; --ts-green-100:#DCE7DF;
  --ts-amber-600:#B5871F; --ts-amber-100:#F5EAD1;
  --ts-red-600:#A63A2E;   --ts-red-100:#F3DCD8;
}