@font-face {
  font-family: "Inter";
  font-display: swap;
  font-style: normal;
  font-weight: 400 600;
  src: url("../fonts/inter-latin.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-display: swap;
  font-style: normal;
  font-weight: 400 700;
  src: url("../fonts/jetbrains-mono-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Space Grotesk";
  font-display: swap;
  font-style: normal;
  font-weight: 700 800;
  src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
}

:root {
  --is-dark-theme: true;
  --uw-void: #000000;
  --uw-bg: #0a0a0a;
  --uw-surface: #111111;
  --uw-raised: #191919;
  --uw-line: #222222;
  --uw-border: #2a2a2a;
  --uw-text: #f5f5f5;
  --uw-dim: #aaaaaa;
  --uw-hushed: #888888;
  --uw-purple: #8800ff;
  --uw-purple-hi: #aa44ff;
  --uw-purple-lo: #5500cc;
  --uw-purple-dim: #8800ff1f;
  --uw-green: #00e564;
  --uw-yellow: #ffb800;
  --uw-orange: #ff6b00;
  --uw-red: #ff3333;

  --color-primary: var(--uw-purple);
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: var(--uw-purple-hi);
  --color-primary-dark-2: #c277ff;
  --color-primary-light-1: var(--uw-purple-hi);
  --color-primary-light-2: var(--uw-purple-lo);
  --color-primary-light-3: var(--uw-purple-lo);
  --color-primary-alpha-10: #8800ff19;
  --color-primary-alpha-20: #8800ff33;
  --color-primary-alpha-30: #8800ff4d;
  --color-primary-alpha-40: #8800ff66;
  --color-primary-hover: var(--uw-purple-hi);
  --color-primary-active: var(--uw-purple-lo);

  --color-body: var(--uw-bg);
  --color-box-header: var(--uw-surface);
  --color-box-body: var(--uw-surface);
  --color-box-body-highlight: var(--uw-raised);
  --color-card: var(--uw-surface);
  --fancy-card-bg: var(--uw-surface);
  --fancy-card-border: var(--uw-border);
  --color-header-wrapper: #0c0c0c;
  --color-header-wrapper-transparent: #0c0c0c00;
  --color-nav-bg: #0c0c0c;
  --color-secondary-nav-bg: var(--uw-bg);
  --color-footer: var(--uw-bg);
  --color-menu: var(--uw-surface);
  --color-hover: var(--uw-raised);
  --color-active: var(--uw-purple-dim);
  --color-secondary: var(--uw-raised);
  --color-secondary-bg: var(--uw-surface);
  --color-secondary-light-1: var(--uw-border);
  --color-secondary-light-2: var(--uw-raised);
  --color-secondary-light-3: var(--uw-bg);

  --color-text: var(--uw-text);
  --color-text-dark: var(--uw-text);
  --color-text-light: var(--uw-dim);
  --color-text-light-1: var(--uw-dim);
  --color-text-light-2: var(--uw-hushed);
  --color-text-light-3: var(--uw-hushed);
  --color-input-text: var(--uw-text);
  --color-placeholder-text: var(--uw-hushed);
  --color-input-background: #0d0d0d;
  --color-input-toggle-background: var(--uw-raised);
  --color-input-border: var(--uw-border);
  --color-input-border-hover: var(--uw-purple);
  --color-button: var(--uw-raised);
  --color-code-bg: var(--uw-raised);
  --color-markup-code-block: var(--uw-raised);
  --color-markup-code-inline: var(--uw-raised);
  --color-label-bg: var(--uw-raised);
  --color-label-hover-bg: var(--uw-border);
  --color-label-active-bg: var(--uw-purple-dim);
  --color-label-bg-alt: var(--uw-border);
  --color-accent: var(--uw-purple);
  --color-small-accent: var(--uw-purple-hi);
  --color-highlight-fg: var(--uw-text);
  --color-highlight-bg: var(--uw-purple-dim);
  --color-shadow: #00000080;
  --color-overlay-backdrop: #000000c0;
  --color-caret: var(--uw-text);
  --color-selection-bg: var(--uw-purple);
  --color-selection-fg: #ffffff;

  --color-red: var(--uw-red);
  --color-orange: var(--uw-orange);
  --color-yellow: var(--uw-yellow);
  --color-green: var(--uw-green);
  --color-violet: var(--uw-purple);
  --color-purple: var(--uw-purple);
  --color-red-light: #ff6666;
  --color-green-light: var(--uw-green);
  --color-violet-light: var(--uw-purple-hi);
  --color-error-border: #ff333366;
  --color-error-bg: #ff333317;
  --color-error-text: #ff6666;
  --color-success-border: #00e56466;
  --color-success-bg: #00e56417;
  --color-success-text: var(--uw-green);
  --color-warning-border: #ffb80066;
  --color-warning-bg: #ffb80017;
  --color-warning-text: var(--uw-yellow);
  --color-info-border: #8800ff66;
  --color-info-bg: var(--uw-purple-dim);
  --color-info-text: var(--uw-text);
  --color-red-badge: var(--uw-red);
  --color-red-badge-bg: #ff333317;
  --color-green-badge: var(--uw-green);
  --color-green-badge-bg: #00e56417;
  --color-yellow-badge: var(--uw-yellow);
  --color-yellow-badge-bg: #ffb80017;
  --color-orange-badge: var(--uw-orange);
  --color-orange-badge-bg: #ff6b0017;
  color-scheme: dark;
  accent-color: var(--uw-purple);
}

body,
.ui.menu,
.ui.input > input,
.ui.button,
.ui.form input,
.ui.form textarea {
  font-family: "Inter", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.ui.header,
.brand,
.navbar .brand {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
}

code, pre, kbd,
.code-view,
.commit-summary,
.ui.label,
.ui.button,
.ui.form input {
  font-family: "JetBrains Mono", monospace;
}

.ui.segment,
.ui.card,
.ui.cards > .card,
.ui.menu,
.ui.dropdown .menu,
.ui.modal,
.ui.input > input,
.ui.form input,
.ui.form textarea,
.ui.button,
.ui.label {
  border-radius: 0 !important;
}

.ui.segment,
.ui.card,
.ui.cards > .card,
.ui.menu,
.ui.dropdown .menu,
.ui.modal {
  border: 2px solid var(--uw-border) !important;
  box-shadow: none !important;
}

.ui.input > input,
.ui.form input,
.ui.form textarea {
  border: 2px solid var(--uw-border) !important;
  background: #0d0d0d !important;
}

.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: var(--uw-purple) !important;
  box-shadow: none !important;
}

.ui.primary.button,
.ui.green.button {
  border: 2px solid var(--uw-purple) !important;
  background: var(--uw-purple) !important;
}

.ui.primary.button:hover,
.ui.green.button:hover {
  background: var(--uw-purple-hi) !important;
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 #4400aa !important;
}

.ui.primary.button:active,
.ui.green.button:active {
  background: var(--uw-purple-lo) !important;
  transform: none;
  box-shadow: none !important;
}

.ui.tabular.menu .active.item,
.ui.secondary.pointing.menu .active.item {
  border-color: var(--uw-purple) !important;
  color: var(--uw-text) !important;
}

.ui.label.green,
.ui.green.label {
  border-left: 3px solid var(--uw-green) !important;
  background: #00e56417 !important;
  color: var(--uw-green) !important;
}

.ui.label.red,
.ui.red.label {
  border-left: 3px solid var(--uw-red) !important;
  background: #ff333317 !important;
  color: var(--uw-red) !important;
}

.ui.label.yellow,
.ui.yellow.label {
  border-left: 3px solid var(--uw-yellow) !important;
  background: #ffb80017 !important;
  color: var(--uw-yellow) !important;
}

.repository.file.list #repo-files-table,
.ui.table {
  border: 2px solid var(--uw-border) !important;
  border-radius: 0 !important;
}

.ui.table thead th {
  border-bottom: 2px solid var(--uw-border) !important;
  background: var(--uw-surface) !important;
  font-family: "JetBrains Mono", monospace;
}