:root {
  --ink: #203029;
  --muted: #707a73;
  --line: #e4ddcf;
  --cream: #fffdf2;
  --gold: #bd8e35;
  --brown: #123c31;
  --green: #277057;
  --shadow: 0 12px 32px rgba(18, 60, 49, 0.10);
}

body {
  background:
    radial-gradient(circle at 91% 5%, rgba(192, 147, 61, 0.11), transparent 25%),
    linear-gradient(145deg, #fffdf8 0%, #f4f7f1 100%);
}

.sidebar {
  background: linear-gradient(180deg, #092f27 0%, #12513f 58%, #0b392e 100%);
  box-shadow: 8px 0 30px rgba(7, 44, 35, 0.16);
}

.brand-mark {
  color: #f1d894;
  border-color: #d8b660;
  box-shadow: inset 0 0 18px rgba(216, 182, 96, 0.12);
}

.brand small,
.sidebar-foot small { color: #a9c5b9; }
.nav-item { color: #d0e1da; }
.nav-item.active,
.nav-item:hover {
  color: #fff;
  background: linear-gradient(100deg, #187056, #25856a);
  box-shadow: 0 6px 18px rgba(3, 34, 25, 0.20);
}
.nav-item.active { border-left-color: #e2bd62; }
.sidebar-foot { border-top-color: rgba(218, 238, 229, 0.17); }

header {
  background: rgba(255, 254, 250, 0.94);
  border-bottom-color: #e8e0d1;
  box-shadow: 0 2px 16px rgba(18, 60, 49, 0.045);
}
.rate-chip strong { color: #99701e; }

.hero {
  background: linear-gradient(125deg, #0b3a2f 0%, #126148 57%, #1d7a5d 100%);
  border-color: rgba(229, 193, 105, 0.34);
  box-shadow: 0 16px 38px rgba(9, 58, 47, 0.21);
}
.hero::after {
  border-color: rgba(239, 209, 136, 0.24);
  box-shadow: 0 0 0 35px rgba(239, 209, 136, 0.055), 0 0 0 70px rgba(239, 209, 136, 0.035);
}
.hero p { color: #d7e9e2; }
.eyebrow { color: #f1d188 !important; }

.primary {
  color: #253126;
  background: linear-gradient(135deg, #e5c779, #bd8c32);
  box-shadow: 0 7px 17px rgba(151, 107, 25, 0.23);
}
.primary:hover { background: linear-gradient(135deg, #eed589, #ca9a3b); }
.secondary { border-color: #ddd3c2; background: #fffdf8; }

.panel,
.stats article,
.product,
.form-card {
  border-color: #e6dfd2;
  background: rgba(255, 255, 252, 0.97);
  box-shadow: 0 7px 24px rgba(18, 60, 49, 0.06);
}
.panel-head { border-bottom-color: #eee7da; }

.estimate-result {
  background: linear-gradient(150deg, #082f26 0%, #10513f 68%, #176b52 100%);
  border-color: rgba(229, 193, 105, 0.34);
  box-shadow: 0 18px 40px rgba(8, 47, 38, 0.24);
}
.result-title { border-bottom-color: rgba(219, 237, 229, 0.20); }
.result-title small,
.breakdown div { color: #cce0d8; }
.result-title span { color: #f3d68f; background: rgba(215, 174, 76, 0.17); }
.fine-print { color: #b1cdc1; }

input,
select { border-color: #ddd5c7; background: #fffefa; }
input:focus,
select:focus {
  border-color: #238064;
  box-shadow: 0 0 0 3px rgba(35, 128, 100, 0.14);
}

.filter.active {
  color: #fff;
  border-color: #17684f;
  background: linear-gradient(100deg, #104d3c, #228066);
}
.product-art {
  color: #af7d26;
  background: radial-gradient(circle at 50% 42%, #fffef9 0%, #f4ead5 75%);
}
.text-button { color: #956a19; }
.toast { background: #0b3b30; }
.scanner-modal { background: rgba(4, 35, 28, 0.90); }
.scan-frame { box-shadow: 0 0 0 999px rgba(4, 35, 28, 0.42); }