[data-theme='dark'] {
  --content-brand-primary: #25c4ee;
  --content-brand-secondary: #082e44;
  --content-primary: #f9fafb;
  --content-primary-inverse: #1a2028;
  --content-secondary: #bbc4d3;
  --content-tertiary: #4a5768;
  --content-green-primary: #3fd1c2;
  --content-red-primary: #f0546d;
  --content-caption: #95a4bb;
  --content-info-primary: #6573f8;
  --content-warning-primary: #fda522;
  --content-yellow: #3a3000;

  --surface-primary: #1a2028;
  --surface-secondary: #2e3642;
  --surface-tertiary: #4a5768;
  --surface-green-primary: #3fd1c2;
  --surface-green-secondary: #1e3f42;
  --surface-green-tertiary: #13282a;
  --surface-red-primary: #f0546d;
  --surface-red-secondary: #422631;
  --surface-red-tertiary: #27161d;
  --surface-brand-primary: #25c4ee;
  --surface-brand-secondary: #082e44;
  --surface-hover: #22272f;
  --surface-hover-alpha: rgba(34, 39, 47, 0.6);
  --surface-base: #000000;

  --border-primary: #2e3642;
  --border-brand-primary: #25c4ee;
  --border-brand-secondary: #082e44;
  --border-content-secondary: #bbc4d3;
  --border-content-tertiary: #4a5768;

  --shadow-primary: #1a2028;
  --shadow-secondary: #22272f;
  --shadow-focused: #deeafb;

  --label-blue: #082e44;
  --label-light-gray: #22272f;
  --label-orange: #fda522;
  --label-orange-secondary: #492d01;
  --label-yellow: #ffd031;

  --button-secondary-pressed: #4a5768;
  --content-white: #f9fafb;
  --button-success-default: #16a9a0;
  --button-success-hover: #0b827b;
  --button-success-pressed: #06726b;
  --surface-secondary-alpha: rgba(19, 40, 42, 0);
  --button-brand-hover: #06a6d4;
  --button-error-hover: #cb2e47;
  --button-error-pressed: #8a2333;
  --button-brand-pressed: #0e6a90;

  --border-default: #4a5768;
  --surface-default: #4a5768;

  --chart-grid-line: rgba(113, 125, 150, 0.125);
}

[data-theme='light'] {
  --content-brand-primary: #25c4ee;
  --content-brand-secondary: #082e44;
  --content-primary: #1a2028;
  --content-primary-inverse: #f9fafb;
  --content-secondary: #64748c;
  --content-tertiary: #bbc4d3;
  --content-green-primary: #0b827b;
  --content-red-primary: #de3550;
  --content-caption: #95a4bb;
  --content-info-primary: #6573f8;
  --content-warning-primary: #fda522;
  --content-yellow: #fff8e1;

  --surface-primary: #f9fafb;
  --surface-secondary: #eaeef4;
  --surface-tertiary: #bbc4d3;
  --surface-green-primary: #0b827b;
  --surface-green-secondary: #c7e0df;
  --surface-green-tertiary: #e8f2f2;
  --surface-red-primary: #de3550;
  --surface-red-secondary: #f1d0d6;
  --surface-red-tertiary: #fdf2f4;
  --surface-brand-primary: #25c4ee;
  --surface-brand-secondary: #082e44;
  --surface-hover: #f3f5f7;
  --surface-hover-alpha: rgba(243, 245, 247, 0.6);
  --surface-base: #ffffff;

  --border-primary: #e4e9f1;
  --border-brand-primary: #25c4ee;
  --border-brand-secondary: #082e44;
  --border-content-secondary: #64748c;
  --border-content-tertiary: #bbc4d3;

  --shadow-primary: #d6dce6;
  --shadow-secondary: #eaeef4;
  --shadow-focused: #deeafb;

  --label-blue: #cff6fe;
  --label-light-gray: #d6dce6;
  --label-orange: #fda522;
  --label-orange-secondary: #fff9eb;
  --label-yellow: #ffd031;

  --button-secondary-pressed: #d6dce6;
  --content-white: #f9fafb;
  --button-success-default: #0b827b;
  --button-success-hover: #06726b;
  --button-success-pressed: #1e3f42;
  --surface-secondary-alpha: rgba(234, 238, 244, 0);
  --button-brand-hover: #06a6d4;
  --button-error-hover: #cb2e47;
  --button-error-pressed: #8a2333;
  --button-brand-pressed: #0e6a90;

  --border-default: #bbc4d3;
  --surface-default: #bbc4d3;

  --chart-grid-line: rgba(113, 125, 150, 0.125);
}

/*
 * Stampede — Match-Trader web platform theme
 * Drop-in replacement for assets/branding/theme/theme.css on trade.stampedeprop.com
 * Brand source of truth: stampede-crm/DESIGN.md (Charcoal / Soot / Bone / Dust / Ember / Prairie)
 *
 * Core tokens:
 *   Charcoal #191613  app ground        Bone   #F1EBDF  primary ink
 *   Soot     #241F19  raised surface    Dust   #A39A87  secondary ink
 *   Ember    #E8501E  brand accent      Ember-fill #BC4019 (AA fill under bone text)
 *   Prairie  #3F7350  functional green (profit/pass/paid only)
 */

 [data-theme='dark'] {
  /* Brand */
  --content-brand-primary: #e8501e;    /* ember as text/icon on dark = 4.80:1 */
  --content-brand-secondary: #431807;  /* deep ember (chip/pair bg) */
  --surface-brand-primary: #e8501e;    /* if MT renders bone/white text on this, drop to #bc4019 */
  --surface-brand-secondary: #431807;
  --border-brand-primary: #e8501e;
  --border-brand-secondary: #431807;
  --button-brand-hover: #ce4419;
  --button-brand-pressed: #9e3614;

  /* Ink */
  --content-primary: #f1ebdf;          /* bone */
  --content-primary-inverse: #191613;
  --content-secondary: #a39a87;        /* dust */
  --content-tertiary: #554c3e;
  --content-caption: #877e6c;
  --content-white: #f1ebdf;

  /* Ground + surfaces (warm near-black ramp) */
  --surface-primary: #191613;          /* charcoal */
  --surface-secondary: #241f19;        /* soot */
  --surface-tertiary: #3a332a;
  --surface-hover: #201c16;
  --surface-hover-alpha: rgba(32, 28, 22, 0.6);
  --surface-base: #0f0d0a;
  --surface-secondary-alpha: rgba(36, 31, 25, 0);
  --surface-default: #554c3e;

  /* Profit / loss (green stays functional-prairie, red warm not candy) */
  --content-green-primary: #63a577;    /* lightened prairie for legibility on dark */
  --surface-green-primary: #3f7350;    /* prairie fill */
  --surface-green-secondary: #22392b;
  --surface-green-tertiary: #182920;
  --button-success-default: #3f7350;
  --button-success-hover: #35624a;
  --button-success-pressed: #2c5239;
  --content-red-primary: #e0604c;
  --surface-red-primary: #c24232;
  --surface-red-secondary: #3e211b;
  --surface-red-tertiary: #2a1712;
  --button-error-hover: #a33528;
  --button-error-pressed: #7e281e;

  /* Status */
  --content-info-primary: #7c8db5;     /* muted slate, not electric blue */
  --content-warning-primary: #fda522;
  --content-yellow: #3a3000;

  /* Borders */
  --border-primary: #2e2820;
  --border-content-secondary: #a39a87;
  --border-content-tertiary: #554c3e;
  --border-default: #554c3e;

  /* Shadows / focus */
  --shadow-primary: #191613;
  --shadow-secondary: #201c16;
  --shadow-focused: #f3d3c4;           /* pale ember focus ring */

  /* Labels/chips */
  --label-blue: #431807;               /* was MT navy; now deep ember */
  --label-light-gray: #201c16;
  --label-orange: #fda522;
  --label-orange-secondary: #492d01;
  --label-yellow: #ffd031;

  --button-secondary-pressed: #3a332a;

  --chart-grid-line: rgba(163, 154, 135, 0.12); /* dust @ 12% */
}

[data-theme='light'] {
  /* Light mode = the brand "paper" surface (#F1EBDF), not white */

  /* Brand — darkened ember for text/fills on paper (AA) */
  --content-brand-primary: #bc4019;
  --content-brand-secondary: #431807;
  --surface-brand-primary: #bc4019;
  --surface-brand-secondary: #431807;
  --border-brand-primary: #bc4019;
  --border-brand-secondary: #431807;
  --button-brand-hover: #a93912;
  --button-brand-pressed: #8f300f;

  /* Ink */
  --content-primary: #191613;
  --content-primary-inverse: #f1ebdf;
  --content-secondary: #6b6152;
  --content-tertiary: #c4baa4;
  --content-caption: #877e6c;
  --content-white: #f1ebdf;

  /* Paper surfaces */
  --surface-primary: #f1ebdf;
  --surface-secondary: #e6decd;
  --surface-tertiary: #c4baa4;
  --surface-hover: #ece4d2;
  --surface-hover-alpha: rgba(236, 228, 210, 0.6);
  --surface-base: #fbf8f1;
  --surface-secondary-alpha: rgba(230, 222, 205, 0);
  --surface-default: #c4baa4;

  /* Profit / loss */
  --content-green-primary: #35624a;
  --surface-green-primary: #3f7350;
  --surface-green-secondary: #d6e2d4;
  --surface-green-tertiary: #e7eee5;
  --button-success-default: #3f7350;
  --button-success-hover: #35624a;
  --button-success-pressed: #2c5239;
  --content-red-primary: #c03a2b;
  --surface-red-primary: #c03a2b;
  --surface-red-secondary: #eed3cb;
  --surface-red-tertiary: #f7e9e4;
  --button-error-hover: #a33528;
  --button-error-pressed: #7e281e;

  /* Status */
  --content-info-primary: #5a6b96;
  --content-warning-primary: #b97400;
  --content-yellow: #fbf3d9;

  /* Borders */
  --border-primary: #ddd3bf;
  --border-content-secondary: #6b6152;
  --border-content-tertiary: #c4baa4;
  --border-default: #c4baa4;

  /* Shadows / focus */
  --shadow-primary: #d8cfbb;
  --shadow-secondary: #e6decd;
  --shadow-focused: #f3d3c4;

  /* Labels/chips */
  --label-blue: #f6d9cd;               /* pale ember chip (was pale cyan) */
  --label-light-gray: #ddd3bf;
  --label-orange: #fda522;
  --label-orange-secondary: #fff9eb;
  --label-yellow: #ffd031;

  --button-secondary-pressed: #d8cfbb;

  --chart-grid-line: rgba(107, 97, 82, 0.14);
}

/* ── Keep the existing feature hides that are live on the portal today ── */
.ui-tab__challenges,
.ui-tab__leaderboard,
.ui-tab__competitions,
.ui-tab__certificates,
.prop-challenge-header__details-button {
  display: none !important;
}
[data-testid='start-new-challenge-btn'] {
  display: none !important;
}