/* SAMSEL — UI tint per camo theme (panels, accents, topbar) */

.camo-theme-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 168px;
  align-self: flex-end;
}

.camo-theme-field label {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}

#camoThemeSelect {
  width: 100%;
  min-width: 168px;
  max-width: 220px;
  padding: 7px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, #1a2234 0%, #121827 100%);
  color: var(--text);
  font-size: 0.72rem;
  font-weight: 600;
  box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.45), inset -1px -1px 0 rgba(255, 255, 255, 0.05);
  cursor: pointer;
}

#camoThemeSelect:focus {
  outline: 2px solid rgba(196, 168, 130, 0.55);
  outline-offset: 2px;
}

/* Mixed — default neon club */
.camo-ui-root[data-camo-ui="mixed"] {
  --accent-a: #c4a882;
  --accent-b: #5f7d52;
  --accent-c: #7a9a48;
}

/* Woodland */
.camo-ui-root[data-camo-ui="woodland"] {
  --accent-a: #a89268;
  --accent-b: #4a6838;
  --accent-c: #6b8a48;
  --panel: #1a2418;
  --panel-2: #243020;
  --surface: #2a3824;
}

/* Desert */
.camo-ui-root[data-camo-ui="desert"] {
  --accent-a: #d4b888;
  --accent-b: #8a6844;
  --accent-c: #c4a068;
  --panel: #2a2418;
  --panel-2: #342e20;
  --surface: #3e3628;
  --text: #f8f0e4;
}

/* MultiCam */
.camo-ui-root[data-camo-ui="multicam"] {
  --accent-a: #b8a878;
  --accent-b: #5a6840;
  --accent-c: #8a9860;
  --panel: #222818;
  --panel-2: #2c3220;
}

/* Urban */
.camo-ui-root[data-camo-ui="urban"] {
  --accent-a: #b0b4ac;
  --accent-b: #686c66;
  --accent-c: #909490;
  --panel: #1c1e1c;
  --panel-2: #262826;
}

/* Tiger */
.camo-ui-root[data-camo-ui="tiger"] {
  --accent-a: #a89868;
  --accent-b: #3a5828;
  --accent-c: #786840;
  --panel: #181c14;
  --panel-2: #222818;
}

/* Digital */
.camo-ui-root[data-camo-ui="digital"] {
  --accent-a: #98b878;
  --accent-b: #486838;
  --accent-c: #6a9850;
  --panel: #141c12;
  --panel-2: #1c2618;
}

/* Arctic */
.camo-ui-root[data-camo-ui="arctic"] {
  --accent-a: #d8e4f0;
  --accent-b: #98a8b8;
  --accent-c: #b8c8d8;
  --panel: #1a2028;
  --panel-2: #242c36;
  --bg: #121820;
  --bg-2: #0c1018;
  --text: #eef4ff;
}

/* Navy */
.camo-ui-root[data-camo-ui="navy"] {
  --accent-a: #88a0c0;
  --accent-b: #3a5070;
  --accent-c: #5878a0;
  --panel: #121820;
  --panel-2: #182028;
  --bg: #0a0e14;
}

/* Rhodesian */
.camo-ui-root[data-camo-ui="rhodesian"] {
  --accent-a: #c8a878;
  --accent-b: #6a7840;
  --accent-c: #a88858;
  --panel: #2a2218;
  --panel-2: #342c20;
}

/* Flecktarn */
.camo-ui-root[data-camo-ui="flecktarn"] {
  --accent-a: #a8a070;
  --accent-b: #485838;
  --accent-c: #788058;
  --panel: #1a2018;
  --panel-2: #242a20;
}

/* Coyote */
.camo-ui-root[data-camo-ui="coyote"] {
  --accent-a: #c4a880;
  --accent-b: #886848;
  --accent-c: #a89068;
  --panel: #281f18;
  --panel-2: #322820;
}

/* Night Ops */
.camo-ui-root[data-camo-ui="night"] {
  --accent-a: #687868;
  --accent-b: #384838;
  --accent-c: #506050;
  --panel: #0c100c;
  --panel-2: #121812;
  --bg: #060806;
  --bg-2: #040604;
  --text: #d8e0d8;
}