
/* SnowVPN brand — dark theme */
:root {
  --bg-primary:    #0c1017;
  --bg-secondary:  #121a24;
  --bg-tertiary:   #1a2535;
  --border:        #1e3048;
  --border-hover:  #2a4a6e;
  --text-primary:  #e3f2fd;
  --text-secondary:#90c8e8;
  --text-muted:    #4a7a9b;
  --hover-bg:      rgba(79, 195, 247, 0.08);
  --segment-empty: #1e3048;
  --accent:        #4FC3F7;
  --color-green:   #4dd0e1;
  --color-red:     #ef5350;
  --color-yellow:  #ffb74d;
  --filter-online-bg:  rgba(77, 208, 225, 0.12);
  --filter-offline-bg: rgba(239, 83, 80, 0.12);
  --btn-active-bg:     rgba(79, 195, 247, 0.10);
  --btn-active-border: rgba(79, 195, 247, 0.30);
}

/* SnowVPN brand — light theme */
html.light {
  --bg-primary:    #f0f7fc;
  --bg-secondary:  #ffffff;
  --bg-tertiary:   #e3f0f9;
  --border:        #c5dae8;
  --border-hover:  #9bbed4;
  --text-primary:  #0a1929;
  --text-secondary:#3a5c7a;
  --text-muted:    #7a9bb5;
  --hover-bg:      rgba(2, 136, 209, 0.06);
  --segment-empty: #c5dae8;
  --accent:        #0288D1;
  --color-green:   #00838F;
  --color-red:     #d32f2f;
  --color-yellow:  #ef6c00;
  --filter-online-bg:  rgba(0, 131, 143, 0.12);
  --filter-offline-bg: rgba(211, 47, 47, 0.12);
  --btn-active-bg:     rgba(2, 136, 209, 0.10);
  --btn-active-border: rgba(2, 136, 209, 0.30);
}

/* hide Metrics / Health / API / Docs */
a[href="./metrics"],
a[href="./health"],
a[href="./api/v1/docs"],
a[href*="kutovoy"] { display: none !important; }
