:root {
  --forest: #5f4215;
  --forest-2: #160f05;
  --gold: #d7a838;
  --paper: #fffdf7;
  --bg: #f7f1e4;
  --ink: #2e2415;
  --muted: #7d725f;
  --line: #e8d9b8;
  --green: #b7831e;
  --blue: #9b7130;
  --coral: #bb6b3f;
  --shadow: 0 16px 40px rgba(82, 55, 12, .09);
}

body {
  background:
    radial-gradient(circle at 96% 0, rgba(215, 168, 56, .13), transparent 28%),
    var(--bg);
}

.sidebar {
  background:
    radial-gradient(circle at 25% 5%, rgba(225, 179, 70, .18), transparent 20%),
    linear-gradient(165deg, #2b1d08 0%, #160f05 52%, #080603 100%);
  border-right: 1px solid rgba(229, 187, 87, .2);
  box-shadow: 12px 0 42px rgba(30, 19, 2, .12);
}

.brand { border-bottom-color: rgba(235, 198, 106, .2); }
.brand .brand-title,
.brand b { color: #f2cf75; }
.brand small { color: #d1ba82; }
.sidebar nav p { color: #a98c50; }
.sidebar nav button { color: #d7c7a5; }
.sidebar nav button:hover,
.sidebar nav button.active {
  color: #fff9e9;
  background: linear-gradient(90deg, rgba(220, 174, 67, .2), rgba(255, 255, 255, .055));
}
.sidebar nav button.active { box-shadow: inset 3px 0 #efc75e; }
.sidebar nav i { color: #cbb27b; background: rgba(229, 183, 74, .1); }
.sidebar-foot {
  border-color: rgba(235, 198, 106, .22);
  background: linear-gradient(145deg, rgba(225, 176, 61, .12), rgba(255,255,255,.025));
}
.sidebar-foot small { color: #edc65f; }
.sidebar-foot b { color: #dfcfac; }

.topbar {
  border-bottom-color: #e8d9b8;
  background: rgba(255, 253, 247, .94);
}
.topbar .admin-profile {
  border-color: #e6d3aa;
  background: linear-gradient(145deg, #fffdf7, #f1e6cf);
}
.admin-profile>span {
  color: #fff9e9;
  background: linear-gradient(145deg, #8b621c, #392508);
  box-shadow: 0 7px 18px rgba(90, 59, 9, .2);
}

.welcome,
.form-page-head,
.apartment-detail-heading {
  background:
    radial-gradient(circle at 78% 20%, rgba(255, 218, 120, .16), transparent 27%),
    linear-gradient(135deg, #392407 0%, #765016 55%, #a27624 100%);
  border: 1px solid rgba(237, 197, 96, .28);
  box-shadow: 0 18px 44px rgba(77, 49, 7, .18);
}
.welcome:after { color: rgba(255, 229, 157, .07); }
.eyebrow { color: #f4cf70; }
.welcome>div>p:last-child,
.form-page-head p:last-child { color: #eadfc5; }
.connection { border-color: rgba(255, 233, 176, .22); background: rgba(31, 18, 2, .15); }
.connection small { color: #dacba8; }

.stats article,
.progress-card,
.modules-card,
.rental-form,
.guest-web-card,
.apartment-web-card,
.rental-price-card,
.promo-web-card,
.page-promo-card,
.apartment-detail-tower,
.facility-choice-field,
.promo-web-tabs,
.apartment-tabs {
  border-color: #eadbbb;
  background: linear-gradient(145deg, #fffef9, #fffaf0);
  box-shadow: var(--shadow);
}

.stat-icon.green,
.stat-icon.gold,
.stat-icon.blue,
.stat-icon.coral {
  color: #8d6215;
  background: linear-gradient(145deg, #fff5d8, #f2dfae);
}
.progress { background: #eee5d3; }
.progress span { background: linear-gradient(90deg, #785217, #e0ad36); }
.card-head>b { color: #ad7918; }
.steps>div:hover { background: #fff8e8; }
.steps .done>span {
  border-color: #e2c875;
  color: #805812;
  background: #fff1c8;
}

.module-list button {
  border-color: #e8d9b8;
  background: #fffdf8;
}
.module-list button:hover { border-color: #d2ad55; background: #fff8e8; }
.module-list button>span,
.form-section-title>span,
.guest-card-identity>span {
  color: #7b5514;
  background: linear-gradient(145deg, #fff2c8, #ead7a3);
}

.field input,
.field select,
.field textarea,
.guest-date-filter,
.apartment-search-web {
  border-color: #dfd0ad;
  background: #fffefb;
}
.field input:focus,
.field select:focus,
.field textarea:focus,
.guest-date-filter:focus-within {
  border-color: #c99729;
  box-shadow: 0 0 0 3px rgba(215, 168, 56, .16);
}
.primary-button {
  color: #2d2009;
  background: linear-gradient(135deg, #f0cc6b, #c88e20);
  box-shadow: 0 10px 24px rgba(157, 105, 15, .2);
}
.secondary-button { border-color: #dfc998; background: #fffaf0; }
.apartment-tabs button.active,
.promo-web-tabs button.active,
.guest-pagination .next {
  color: #fff9e8;
  background: linear-gradient(135deg, #8b6119, #493006);
  box-shadow: 0 8px 18px rgba(80, 51, 7, .2);
}
.rental-price-icon {
  color: #fff7dd;
  background: linear-gradient(145deg, #a9781f, #4e3307);
}
.apartment-web-icon {
  color: #8c631a;
  background: #f6e9c9;
}
.guest-unit-line,
.apartment-web-unit-buttons button,
.apartment-unit-web-buttons>button,
.guest-card-actions button,
.apartment-web-actions button,
.rental-price-actions button,
.promo-web-actions button {
  border-color: #dfcfa9;
  color: #664716;
  background: #fff9eb;
}
.apartment-tower-row,
.facility-stored-panel,
.facility-assigned-panel,
.unit-detail-placeholders article {
  border-color: #e5d1a0;
  background: #fffaf0;
}
.facility-chip.unit { border-color: #d6bd78; background: #f8eac4; }
.facility-choice { border-color: #e2d3b3; background: #fffaf1; }
.facility-choice input:checked+span { border-color: #8a6017; background: #8a6017; }
.toast { background: linear-gradient(135deg, #5c3d0b, #1d1304); box-shadow: 0 14px 35px rgba(63, 40, 5, .35); }
.overlay { background: rgba(28, 18, 3, .68); }

@media (max-width: 760px) {
  .sidebar nav button {
    border-color: rgba(231, 191, 91, .14);
    background: rgba(225, 176, 61, .06);
  }
  .sidebar nav button:hover,
  .sidebar nav button.active { background: rgba(225, 176, 61, .17); }
  .sidebar nav button.active { box-shadow: inset 0 -3px #efc75e; }
}