/* ============================================================
   COLORS & DESIGN TOKENS
   ============================================================ */
:root {
  /* Backgrounds */
  --bg: #0d0d0d;
  --bg2: #141414;
  --bg3: #1a1a1a;
  --bg4: #202020;

  /* Base text */
  --white: #ffffff;
  --text-primary: #ffffff;
  --text-secondary: #a6a6a6;
  --text-muted: #737373;

  /* Gold palette */
  --gold: #c9a84c;
  --gold-l: #e8c96e;
  --gold-d: #a07830;
  --gold-b: rgba(201, 168, 76, 0.25);
  --gold-g: rgba(201, 168, 76, 0.06);
  --gold-gg: rgba(201, 168, 76, 0.04);

  /* Ink / modal text */
  --ink: #ffffff;
  --ink2: rgba(255, 255, 255, 0.75);
  --ink3: rgba(255, 255, 255, 0.45);
  --ink4: rgba(255, 255, 255, 0.25);

  /* Status colors */
  --green: #3dba72;
  --green-b: rgba(61, 186, 114, 0.25);
  --green-g: rgba(61, 186, 114, 0.08);

  --red: #e05555;
  --red-b: rgba(224, 85, 85, 0.25);
  --red-g: rgba(224, 85, 85, 0.08);

  --purple: #9b6edb;
  --purple-b: rgba(155, 110, 219, 0.25);
  --purple-g: rgba(155, 110, 219, 0.08);

  --blue: #5b9bd6;
  --blue-b: rgba(91, 155, 214, 0.25);
  --blue-g: rgba(91, 155, 214, 0.08);

  --amber: #e0a030;
  --amber-b: rgba(224, 160, 48, 0.25);
  --amber-g: rgba(224, 160, 48, 0.08);

  --teal: #4db8c8;
  --teal-b: rgba(77, 184, 200, 0.25);
  --teal-g: rgba(77, 184, 200, 0.08);

  /* Misc */
  --panel-bg: #141414;
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  --shadow-l: 0 2px 10px rgba(0, 0, 0, 0.4);

  /* Dimensions */
  --topbar-h: 58px;
}