:root {
  --ink: #172033;
  --muted: #70798b;
  --line: #e5dfd4;
  --cream: #f8f5ef;
  --gold: #c59a43;
  --brown: #0d2343;
  --green: #29715a;
  --shadow: 0 12px 32px rgba(13, 35, 67, 0.10);
}

body {
  background:
    radial-gradient(circle at 92% 4%, rgba(197, 154, 67, 0.09), transparent 25%),
    linear-gradient(145deg, #fbf9f5 0%, #f3f6fb 100%);
}

.sidebar {
  background: linear-gradient(180deg, #081b36 0%, #102d55 58%, #0a203e 100%);
  box-shadow: 8px 0 30px rgba(5, 22, 45, 0.13);
}

.brand-mark {
  border-color: #d8b86c;
  color: #f1d997;
  box-shadow: inset 0 0 18px rgba(216, 184, 108, 0.10);
}

.brand small,
.sidebar-foot small { color: #9fb1c8; }
.nav-item { color: #c8d4e4; }
.nav-item.active,
.nav-item:hover {
  color: #fff;
  background: linear-gradient(100deg, #1f5791, #2f70ac);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}
.nav-item.active { border-left: 3px solid #dfbd6e; }
.sidebar-foot { border-top-color: rgba(220, 233, 248, 0.16); }

header {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: #e7dfd1;
  box-shadow: 0 2px 16px rgba(13, 35, 67, 0.04);
}

.rate-chip strong { color: #9b701d; }

.hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(125deg, #0c2850 0%, #174a7e 55%, #22649b 100%);
  border: 1px solid rgba(226, 196, 124, 0.30);
  box-shadow: 0 16px 38px rgba(12, 40, 80, 0.19);
}
.hero::after {
  content: "";
  position: absolute;
  top: -85px;
  right: -55px;
  width: 250px;
  height: 250px;
  border: 1px solid rgba(232, 204, 139, 0.22);
  border-radius: 50%;
  box-shadow: 0 0 0 35px rgba(232, 204, 139, 0.05), 0 0 0 70px rgba(232, 204, 139, 0.035);
}
.hero > * { position: relative; z-index: 1; }
.hero p { color: #d7e4f3; }
.eyebrow { color: #f0cf82 !important; }

.primary {
  color: #172033;
  background: linear-gradient(135deg, #e3c16f, #c79738);
  box-shadow: 0 7px 17px rgba(172, 123, 31, 0.22);
}
.primary:hover { background: linear-gradient(135deg, #edcf83, #d0a044); }
.secondary { border-color: #ddd5c7; background: #fffdfa; }

.panel,
.stats article,
.product,
.form-card {
  border-color: #e5dfd4;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 7px 24px rgba(13, 35, 67, 0.055);
}
.panel-head { border-bottom-color: #eee8de; }

.estimate-result {
  background: linear-gradient(150deg, #081d3b 0%, #123c6b 68%, #195486 100%);
  border: 1px solid rgba(225, 193, 113, 0.32);
  box-shadow: 0 18px 40px rgba(8, 29, 59, 0.22);
}
.result-title { border-bottom-color: rgba(215, 229, 244, 0.20); }
.result-title small,
.breakdown div { color: #c8d8ea; }
.result-title span { color: #f3d994; background: rgba(210, 169, 74, 0.16); }
.fine-print { color: #aebfd3; }

input,
select {
  border-color: #dcd6cb;
  background: #fffefa;
}
input:focus,
select:focus {
  border-color: #2f70ac;
  box-shadow: 0 0 0 3px rgba(47, 112, 172, 0.13);
}

.filter.active {
  color: #fff;
  border-color: #174a7e;
  background: linear-gradient(100deg, #123b69, #236298);
}
.product-art {
  color: #b9852d;
  background: radial-gradient(circle at 50% 42%, #fffdf8 0%, #f4ead7 75%);
}
.text-button { color: #9e711e; }
.toast { background: #0b2342; }