:root{
  /* --- Brand base: sampled from assets/logo-tt-grey.png --- */
  --tt-orange-500:#ff6700;   /* logo candlesticks, primary CTA */
  --tt-orange-600:#e05a00;   /* hover / pressed */
  --tt-orange-400:#ff8534;
  --tt-orange-300:#ffa666;
  --tt-orange-100:#ffe9d9;
  --tt-orange-slide:#e88030; /* the softer orange used in MasterClass slides */
  --tt-wordmark:#3a3a3a;     /* "Traders Talk" wordmark grey */

  /* --- Ink / dark surfaces: sampled from the MasterClass slide masters --- */
  --tt-ink-900:#080f19;
  --tt-ink-800:#0e1520;
  --tt-ink-700:#182028;
  --tt-ink-600:#252d38;

  /* --- Neutrals: sampled from the Memberspot learning platform --- */
  --tt-grey-500:#6b6c75;
  --tt-grey-400:#9aa0ab;
  --tt-grey-300:#c9ced6;
  --tt-grey-200:#e4e7ec;
  --tt-grey-100:#f2f4f7;
  --tt-grey-50:#fafafa;
  --tt-white:#ffffff;

  /* --- Market colours: sampled from TradersTalk LIVE chart screens --- */
  --tt-long:#086a08;
  --tt-long-soft:#78b878;
  --tt-short:#cc2222;
  --tt-short-soft:#f88888;
  --tt-chart-blue:#0e69ba;
  --tt-chart-blue-soft:#d3e6ff;
  --tt-platform-blue:#001567; /* deep blue of the Memberspot update cards */

  /* --- Semantic aliases --- */
  --surface-page:var(--tt-grey-50);
  --surface-card:var(--tt-white);
  --surface-sunken:var(--tt-grey-100);
  --surface-dark:var(--tt-ink-800);
  --surface-dark-deep:var(--tt-ink-900);
  --surface-panel:var(--tt-ink-700);

  --text-heading:var(--tt-ink-800);
  --text-body:var(--tt-wordmark);
  --text-muted:var(--tt-grey-500);
  --text-on-dark:var(--tt-white);
  --text-on-dark-muted:rgba(255,255,255,.72);
  --text-accent:var(--tt-orange-500);

  --accent:var(--tt-orange-500);
  --accent-hover:var(--tt-orange-600);
  --accent-quiet:var(--tt-orange-100);
  --on-accent:var(--tt-white);

  --border-subtle:var(--tt-grey-200);
  --border-strong:var(--tt-grey-300);
  --border-on-dark:rgba(255,255,255,.12);
  --focus-ring:rgba(255,103,0,.45);

  --state-live:var(--tt-orange-500);
  --state-positive:var(--tt-long);
  --state-negative:var(--tt-short);
  --state-info:var(--tt-chart-blue);
}