/* Generated by supa-theme/build.py. Edit /home/adan/docker/supa-theme instead. */

:root {
  color-scheme: dark;

  --supa-bg: #121110;
  --supa-bg-soft: #151413;
  --supa-panel: #1b1917;
  --supa-panel-2: #24211e;
  --supa-panel-3: #171514;
  --supa-ink: #f1e6d3;
  --supa-ink-soft: #cbbda9;
  --supa-muted: #aa9b8b;
  --supa-faint: #7e7063;
  --supa-line: #4b4036;
  --supa-line-soft: rgba(214, 168, 95, 0.18);

  --supa-teal: #75aaa0;
  --supa-brass: #d6a85f;
  --supa-coral: #d77a61;
  --supa-blue: #86a7c6;
  --supa-plum: #bd83a6;
  --supa-red: #df706e;

  --supa-teal-rgb: 117, 170, 160;
  --supa-brass-rgb: 214, 168, 95;
  --supa-coral-rgb: 215, 122, 97;
  --supa-blue-rgb: 134, 167, 198;
  --supa-plum-rgb: 189, 131, 166;
  --supa-red-rgb: 223, 112, 110;

  --supa-radius: 8px;
  --supa-radius-sm: 6px;
  --supa-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);
  --supa-focus: 0 0 0 3px rgba(var(--supa-brass-rgb), 0.22);

  --bg: var(--supa-bg);
  --surface: var(--supa-panel);
  --surface-2: var(--supa-panel-2);
  --surface-3: var(--supa-panel-3);
  --text: var(--supa-ink);
  --muted: var(--supa-muted);
  --faint: var(--supa-faint);
  --border: var(--supa-line);
  --border-soft: var(--supa-line-soft);
  --teal: var(--supa-teal);
  --brass: var(--supa-brass);
  --mauve: var(--supa-coral);
  --red: var(--supa-red);
  --shadow: var(--supa-shadow);
  --radius: var(--supa-radius);
}


body {
  background: var(--supa-bg);
}

.mark,
.brand-mark {
  border-color: rgba(var(--supa-brass-rgb), 0.46);
  background:
    linear-gradient(145deg, rgba(var(--supa-brass-rgb), 0.16), rgba(var(--supa-coral-rgb), 0.1)),
    var(--supa-panel-2);
  color: var(--supa-ink);
}

.service,
.endpoint {
  background: var(--supa-panel);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.22);
}

.service:hover,
.service:focus-visible {
  border-color: color-mix(in srgb, var(--accent) 70%, var(--supa-line));
}

.chip {
  background: rgba(43, 37, 32, 0.72);
}

.search input,
.endpoint-code {
  background-color: var(--supa-panel-3);
}

.icon,
.open-indicator,
.signal {
  filter: saturate(0.92);
}