/* eVol brand for the web UI: the grey workspace of eVolDX, the eVol blue and the rounded wordmark. */
@font-face { font-family: 'Nunito'; src: url('/fonts/nunito-var.woff2') format('woff2'); font-weight: 600 900; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/fonts/inter-var.woff2') format('woff2'); font-weight: 500 900; font-display: swap; }

:root {
  color-scheme: dark;
  --ev-bg: #252525;
  --ev-panel: #303030;
  --ev-panel-2: #383838;
  --ev-line: #4a4a4a;
  --ev-text: #ececec;
  --ev-secondary: #b4b4b4;
  --ev-muted: #808080;
  --ev-blue: #00aeef;
  --ev-blue-dark: #0b63b6;
  --ev-blue-light: #8fd6f6;
  --ev-danger: #ff6b6b;
  --ev-grad: linear-gradient(180deg, #1199dc 0%, #0b63b6 100%);
  --ev-head: 'Nunito', 'Segoe UI', system-ui, sans-serif;
  --ev-ui: Inter, 'Segoe UI', system-ui, -apple-system, sans-serif;
}

body {
  background: radial-gradient(1100px 520px at 50% -180px, #2f4352 0%, rgba(47, 67, 82, 0) 70%) no-repeat, var(--ev-bg);
  color: var(--ev-text);
  font-family: var(--ev-ui);
}
h1, h2, h3 { font-family: var(--ev-head); }
::selection { background: #00aeef55; }

/* top bar, like the eVolDX toolbar */
.ev-top {
  background: linear-gradient(180deg, #3a3a3a 0%, #303030 100%);
  border-bottom: 1px solid #1c1c1c;
  box-shadow: inset 0 -1px 0 #444, 0 6px 20px -12px #000;
}

/* "eVol" + product name, as in the eVolCloud and eVolDX logos */
.ev-word { font-family: var(--ev-head); font-weight: 900; letter-spacing: -0.015em; line-height: 1; color: #3d97e3; white-space: nowrap; }
.ev-word span { color: #19b6f2; margin-left: 0.16em; }

.btn-brand {
  background: var(--ev-grad);
  color: #fff;
  border: 1px solid #0a5aa6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 8px 22px -10px rgba(0, 174, 239, 0.7);
}
.btn-brand:hover:not(:disabled) { filter: brightness(1.1); }
.btn-brand:disabled { box-shadow: none; }

select option { background: var(--ev-panel); color: var(--ev-text); }
:focus-visible { outline: 2px solid var(--ev-blue); outline-offset: 2px; }
.scroll::-webkit-scrollbar-thumb { background: #ffffff2e !important; }