:root {

  /* =========================
     BRAND COLORS
  ========================== */
  --primary: #d4af37;
  --primary-hover: #e8c75d;
  --secondary: #ff7a45;

  /* =========================
     BACKGROUND
  ========================== */
  --bg: #0f111a;
  --bg-secondary: #1a1f2e;
  --bg-card: #181c27;
  --bg-hover: #222838;

  /* =========================
     TEXT
  ========================== */
  --text: #ffffff;
  --text-light: #cfd3dc;
  --text-muted: #9ca3af;
  --heading: #ffffff;

  /* =========================
     BORDER
  ========================== */
  --border: rgba(255,255,255,.08);

  /* =========================
     STATUS
  ========================== */
  --success: #28a745;
  --danger: #dc3545;
  --warning: #ffc107;

  /* =========================
     SHADOW
  ========================== */
  --shadow:
      0 10px 30px rgba(0,0,0,.35);

  /* =========================
     TRANSITIONS
  ========================== */
  --transition: .3s ease;

}


/* ==========================================
   LIGHT THEME
========================================== */

body.light-theme {

  --bg: #f5f5f5;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-hover: #f2f2f2;

  --text: #1d1d1d;
  --text-light: #444;
  --text-muted: #666;
  --heading: #111;

  --border: rgba(0,0,0,.08);

  --shadow:
      0 10px 25px rgba(0,0,0,.08);

}