:root {
  --ink: #16201e;
  --paper: #f5f8f1;
  --glass: rgba(245, 248, 241, 0.94);
  --gold: #f1e0b5;
  --pine: #5f6c5a;
  --line: #c9d5cb;
  --cimalpes-blue: #46677a;
  --cimalpes-action: #c43e1d;
}

html, body, #app { background: #c9d5cb; color: var(--ink); }
header { background: rgba(245, 248, 241, 0.96); }
.brand span { background: #16201e; color: #f1e0b5; }
header button { color: #43443f; }
header button.active { background: #5f6c5a; }
#panel { box-shadow: 0 20px 60px rgba(22, 32, 30, 0.22); }
.eyebrow { color: #c43e1d; }
.primary { background: #c43e1d; }
.primary:hover { background: #9f3219; }
.secondary:hover, .card:hover { border-color: #5f6c5a; }
#terrainBadge { background: rgba(22, 32, 30, 0.92); color: #f1e0b5; }
.marker { border-color: #5f6c5a; }
.marker.project { background: #f1e0b5; border-color: #c43e1d; }
#scene { background: linear-gradient(#c9d5cb 0 48%, #8d9b8b 48%); }
.unit { background: #5f6c5a; }
.unit:hover, .unit.selected { background: #f1e0b5; color: #16201e; }
.viewpoint { border-left-color: #c43e1d; }