/* Burn & Build — shared brand tokens (yellow, black, three grays) */

:root {
  /* Accent — flame yellow from logo (replaces Hardkor #FDC500) */
  --yellow: #FFCC00;
  --yellow-rgb: 255, 204, 0;
  --yellow-dim: #C99700;
  /* Logo colors — match img/brand/bblogo1.png */
  --logo-burn: #FDC500;
  --logo-build: #8A8A8A;
  --flame: var(--yellow);
  --flame-dim: rgba(var(--yellow-rgb), 0.15);
  --btn-on-flame: #0A0A0A;

  /* Surfaces */
  --black: #0A0A0A;
  --dark: #111111;
  --gray: #1A1A1A;
  --gray-mid: #2A2A2A;

  /* Three text grays */
  --gray-heading: #8A8A8A;
  --gray-muted: #888888;
  --gray-light: #D4D4D4;

  /* App semantics (desktop web) */
  --bg: var(--black);
  --card: var(--gray);
  --border: var(--gray-mid);
  --text: var(--gray-light);
  --muted: var(--gray-heading);
}