/* Simple template — dark variant variables */
:root {
  --bg-900: rgba(16, 18, 20, 1);
  --bg-800: rgba(22, 25, 28, 1);
  --bg-700: rgba(30, 33, 37, 1);
  --fg-100: rgba(230, 231, 232, 1);
  --fg-200: rgba(201, 203, 206, 1);
  --line: rgba(43, 164, 180, 1);
  --muted: rgba(139, 144, 150, 1);
  --card: rgba(21, 24, 27, 1);
  --card-2: rgba(18, 20, 23, 1);
  --radius: 1em;
  --gap: 1em;
  --shadow: 0 6px 20px rgba(0, 0, 0, .25);
  --shadow-2: 0 6px 18px rgba(0, 0, 0, .25);
  --header-bg: linear-gradient(0deg, rgba(16, 18, 20, .6), rgba(16, 18, 20, .95));
  --header-border: rgba(43, 164, 180, .35);
  --brand-color: rgba(20, 162, 176, .95);
  --nav-select-border: rgba(0, 0, 0, .12);
  --card-border: rgba(43, 164, 180, .25);
  --card-border-hover: rgba(43, 164, 180, .5);
  --card-shadow-hover: 0 0 .75em rgba(181, 223, 229, .85);
  --status-border: rgba(255, 255, 255, .12);
  --status-on-color: rgba(32, 212, 116, 1);
  --status-on-border: rgba(32, 212, 116, .35);
  --status-off-color: rgba(208, 165, 165, 1);
  --status-off-border: rgba(212, 32, 62, .25);
  --footer-border: rgba(255, 255, 255, .06);
  --btn-border: rgba(43, 164, 180, .45);
  --tag-pill-border: rgba(43, 164, 180, .25);
  --tag-pill-reset-color: rgba(239, 68, 68, 1);
  --tag-pill-reset-border: rgba(239, 68, 68, .35);
  --tag-pill-reset-hover-bg: rgba(239, 68, 68, .08);
  --flag-filter: drop-shadow(0 0 1px rgba(255, 255, 255, .7));
  --control-radius: .375em;
  --control-padding-y: .375em;
  --control-padding-x: .625em;
  --control-border-width: 1px;
  --control-color: rgba(28, 30, 33, 1);
  --control-bg: rgba(231, 231, 232, 1);
  --input-bg: rgba(255, 255, 255, 1);
  --control-hover-bg: rgba(208, 208, 215, 1);
}