/* ═══════════════════════════════════════════════
   TENANCE — DESIGN TOKENS
   All CSS custom properties in one place.
   Change a value here → updates everywhere.
═══════════════════════════════════════════════ */
:root {
  /* ── Background / Surface ── */
  --bg:     #1d4734;   /* outer page (dark forest green) */
  --sb:     #0f1410;   /* sidebar near-black */
  --panel:  #111;      /* main panel */
  --card:   #191f1a;   /* card surface */
  --card2:  #0f1410;   /* card inner / input bg */
  --hover:  #1e2820;   /* hover state */

  /* ── Brand / Accent ── */
  --gold:   #e09b6b;   /* primary accent (warm amber) */
  --goldd:  #c8923a;   /* darker gold for buttons */

  /* ── Stat Card Backgrounds ── */
  --beige:  #ddd0b8;
  --bluec:  #b8cad8;
  --pinkc:  #d8b4b4;

  /* ── Text ── */
  --t1:     #e6e8ef;   /* primary text */
  --t2:     #a1a2a7;   /* secondary / dim text */
  --t3:     #6a625d;   /* muted text */

  /* ── Status Colors ── */
  --ok:     #5ac86a;   /* success / occupied green */
  --err:    #cc4444;   /* error / overdue red */
  --warn:   #e09b6b;   /* warning amber */

  /* ── Borders ── */
  --border:  rgba(255, 255, 255, 0.06);
  --border2: rgba(255, 255, 255, 0.14);

  /* ── Geometry ── */
  --r:      20px;      /* main border-radius */

  /* ── Typography ── */
  --font:   'Clash Display', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}