/* Graphite and lime visual theme. Loaded after the page and chat styles. */
:root {
  --paper: #F6F7F4;
  --ink: #202521;
  --muted: #65716C;
  --line: #D9DED5;
  --orange: #5A7400; /* Accessible dark lime for text on the light background. */
  --bright: #A8CC35;
  --white: #FFFFFF;
}

.brand-mark {
  width: 40px;
  height: 40px;
  gap: 4px;
  transform: rotate(-5deg);
  filter: drop-shadow(2px 4px 3px #20252138);
}
.brand-mark i {
  min-width: 0;
  min-height: 0;
  border-radius: 1px;
  border: 1px solid transparent;
  box-shadow: inset 1px 1px 1px #ffffff8c, 1px 2px 0 #20252173;
}
.brand-mark i:nth-child(1) {
  background: linear-gradient(135deg, #69716B 0%, #323A34 41%, #171D19 100%);
  border-color: #323A34;
}
.brand-mark i:nth-child(2),
.brand-mark i:nth-child(3) {
  background: linear-gradient(135deg, #DBF374 0%, #A8CC35 48%, #729B13 100%);
  border-color: #759D17;
  box-shadow: inset 1px 1px 1px #ffffffaa, 1px 2px 0 #4D6714;
}
.brand-mark i:nth-child(4) {
  background: linear-gradient(135deg, #F9FAF7 0%, #EDF0EA 100%);
  border: 3px solid #4C5550;
  box-shadow: inset 1px 1px 1px #ffffff, inset -2px -2px 2px #A6B0A7, 1px 2px 0 #20252180;
}

.orange-dot { background: var(--bright); }
.nav-contact { border-color: var(--bright); }
.hero h1 > span, .hero-tagline { color: #5A7400; }
.button {
  background: #202521;
  border-color: #202521;
  color: #FFFFFF;
  box-shadow: inset 5px 0 0 var(--bright);
}
.button:hover { background: #323D34; border-color: #323D34; }
.network-node.selected { border-color: var(--bright); box-shadow: 3px 3px 0 #A8CC3533; }
.network-node:hover { border-color: var(--bright); }
.node-icon { color: #83A91C; }
.infrastructure { background-color: #F7F9F5; }
.chat-launcher { background: #222924; border-color: #222924; border-left-color: var(--bright); }
.chat-launcher:hover { background: #323D34; }
.chat-compose button, .analytics-choice button:first-of-type { background: #202521; color: #FFFFFF; }
a:focus-visible, button:focus-visible, select:focus-visible,
textarea:focus-visible, input:focus-visible { outline-color: #5A7400; }