html.cs16-theme {
  --primary: #8ea74a;
  --secondary: #dcc57a;
  --accent: #6f8534;
  --bg-primary: #1a2014;
  --bg-secondary: #2a3320;
  --bg-tertiary: #3a462b;
  --bg-hover: #445133;
  --text-primary: #dbe4c4;
  --text-secondary: #b9c79a;
  --text-tertiary: #98a879;
  --text-dim: #7f9063;
  --border-color: #667a49;
  --success: #8ac66d;
  --error: #c96e5e;
  --warning: #d5b85f;
  --info: #7ea7ca;
  --font-base: Tahoma, Verdana, "Trebuchet MS", sans-serif;
  --font-mono: "Lucida Console", Monaco, monospace;
  --radius-sm: 4px;
  --radius-md: 6px;
}

html.cs16-theme body {
  background:
    radial-gradient(
      120% 80% at 5% 0%,
      rgba(218, 227, 192, 0.08) 0%,
      rgba(218, 227, 192, 0) 55%
    ),
    linear-gradient(180deg, #212a18 0%, #1a2014 50%, #151b10 100%);
}

html.cs16-theme .app-header,
html.cs16-theme .app-nav,
html.cs16-theme .breadcrumb,
html.cs16-theme .user-menu-dropdown,
html.cs16-theme .modal-content,
html.cs16-theme .file-item,
html.cs16-theme .connection-usage-card,
html.cs16-theme .settings-section,
html.cs16-theme .search-input,
html.cs16-theme .sort-btn,
html.cs16-theme .autocomplete-dropdown,
html.cs16-theme .subtitle-picker-item,
html.cs16-theme .btn-secondary {
  background: linear-gradient(
    180deg,
    rgba(63, 76, 43, 0.86) 0%,
    rgba(38, 47, 28, 0.92) 100%
  );
  border-color: rgba(130, 151, 91, 0.76);
  box-shadow:
    inset 0 1px 0 rgba(220, 234, 183, 0.13),
    0 6px 18px rgba(0, 0, 0, 0.24);
}

html.cs16-theme .settings-section {
  border-width: 2px;
}

html.cs16-theme .btn-secondary:hover:not(:disabled),
html.cs16-theme .sort-btn:hover,
html.cs16-theme .search-input:focus,
html.cs16-theme .user-menu-item:hover,
html.cs16-theme .file-item:active {
  background: linear-gradient(
    180deg,
    rgba(76, 90, 52, 0.92) 0%,
    rgba(48, 58, 35, 0.96) 100%
  );
}

html.cs16-theme .theme-option.active {
  border-color: var(--secondary);
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(220, 197, 122, 0.28);
}

html.cs16-theme .tab-bar {
  border-bottom-color: rgba(130, 151, 91, 0.72);
}

html.cs16-theme .progress-fill {
  background: linear-gradient(90deg, #7f9d3e 0%, #b4ce69 52%, #8fa94e 100%);
}
