/* === NexTrack Theme Variables (single source of truth) ===
   - Update colours here to rebrand the entire app.
   - Keep this file loaded before all other CSS files.
*/
:root {
  /* Primary brand */
  --brand: #D8992B;          /* Main colour */
  --brand-strong: #C27F26;   /* Hover/active */
  --brand-soft: #E7B55E;     /* Subtle accents/borders */
  --brand-rgb: 216,153,43;   /* For rgba(var(--brand-rgb), alpha) */

  /* Secondary brand */
  --brand-2: #AF8B4B;
  --brand-2-strong: #92743E;
  --brand-2-rgb: 175,139,75;

  /* Text colours */
  --text: #D7D2C3;           /* Preferred light text */
  --text-muted: #B8B3A6;
  --on-brand: #101010;       /* Text on brand backgrounds */

  /* Surfaces (dark theme defaults) */
  --bg: #121212;
  --surface: #1e1e1e;
  --border: #2A2A2F;
  --focus-ring: #E7B55E;
}

/* Optional alternate palette.
[data-theme="alt"] {
  --brand: #AF8B4B;
  --brand-strong: #92743E;
  --brand-soft: #C9A669;
}
*/