/* ============================================================
   VARIABLES
   ============================================================ */
:root {
  --bg: #f6f2ec;
  --bg-soft: #eee7de;
  --surface: #ffffff;
  --surface-2: #fffaf4;
  --text: #35271d;
  --text-soft: #6d5b47;
  --title: #5a3218;
  --line: #e6d5bf;
  --line-strong: #d8bea0;
  --primary: #6d4c41;
  --primary-2: #4e342e;
  --primary-soft: #8d6e63;
  --gold: #b4873a;
  --gold-2: #8c6729;
  --green: #2f8f4e;
  --green-2: #236d3b;
  --danger: #c65a43;
  --danger-2: #9f3c2a;
  --header-bg: #121416;
  --header-bg-2: #1b1f24;
  --header-text: #f2d18b;
  --header-subtext: #d8c6a2;
  --header-pill: rgba(255, 255, 255, 0.06);
  --header-pill-line: rgba(212, 175, 55, 0.18);
  --header-btn-1: #e3c57e;
  --header-btn-2: #c89a34;
  --header-btn-text: #1d1b17;
  --shadow-sm: 0 8px 18px rgba(61, 42, 30, 0.08);
  --shadow-md: 0 14px 30px rgba(61, 42, 30, 0.12);
  --shadow-lg: 0 20px 45px rgba(0, 0, 0, 0.22);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --mobile-tab-h: 74px;
}