/* ========================================
   CSS CUSTOM PROPERTIES (Design Tokens)
   ======================================== */

:root {
  /* Background Colors */
  --bg-main: #0c0d0e;
  --bg-card: #141516;
  --bg-card-soft: #1b1c1e;
  --bg: var(--bg-main);
  --panel: var(--bg-card);
  --surface: var(--bg-card-soft);
  --surface-2: var(--bg-card-soft);

  /* Border & Divider */
  --border: rgba(255, 255, 255, 0.06);

  /* Text Colors */
  --text: #f7f7f7;
  --muted: #c2c2c2;

  /* Accent Colors */
  --accent: #1ed07f;
  --accent-2: #1ed07f;
  --accent-soft: rgba(30, 208, 127, 0.18);
}