gitea-theme-meta-info {
  --theme-display-name: "SafetWatch";
}

:root {
  /* SafetWatch Corporate Design */
  --color-primary: #C03D1E;
  --color-primary-dark-1: #C03D1E;
  --color-primary-dark-2: #C03D1E;
  --color-primary-light-1: #C03D1E;
  --color-primary-light-2: #C03D1E;

  --color-body: #11192D;
  --color-navbar: #11192D;
  --color-footer: #11192D;

  --color-text: #ffffff;
  --color-text-light: #ffffff;
  --color-text-light-1: #ffffff;
  --color-text-light-2: #ffffff;
  --color-text-light-3: #ffffff;

  --color-link: #C03D1E;
  --color-link-hover: #ffffff;

  --color-box-body: #11192D;
  --color-box-header: #11192D;
  --color-card: #11192D;
  --color-menu: #11192D;
  --color-secondary: #C03D1E;
  --color-border: #C03D1E;

  --color-input-background: #ffffff;
  --color-input-text: #000000;
}

/* Grundlayout */
body,
.full.height,
.page-content {
  background: #11192D !important;
  color: #ffffff !important;
}

/* Navbar und Footer */
.ui.menu.navbar,
.following.bar,
.following.bar.light,
.following.bar.dark,
header,
.navbar,
footer,
.page-footer {
  background: #11192D !important;
  color: #ffffff !important;
  border-color: #C03D1E !important;
}

.ui.menu.navbar *,
.following.bar *,
footer *,
.page-footer * {
  color: #ffffff !important;
}

/* Links */
a,
.repository a,
.explore a,
.repo-title a,
.repository .name a,
.repository .repo-list a {
  color: #C03D1E !important;
  font-weight: 600;
}

a:hover,
.repository a:hover,
.explore a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Inhaltsboxen */
.ui.segment,
.ui.card,
.ui.cards > .card,
.ui.table,
.ui.attached.header,
.ui.attached.segment,
.ui.menu,
.ui.vertical.menu,
.repository.file.list,
.repository.view.issue,
.repository.release {
  background: #11192D !important;
  color: #ffffff !important;
  border-color: #C03D1E !important;
}

/* Texte in Boxen */
.ui.segment *,
.ui.card *,
.ui.cards > .card *,
.ui.table *,
.ui.attached.header *,
.ui.attached.segment *,
.repository.file.list *,
.repository.view.issue *,
.repository.release * {
  color: #ffffff !important;
}

/* Formulare */
input,
textarea,
select,
.ui.input > input,
.ui.form input,
.ui.form textarea,
.ui.dropdown,
.ui.selection.dropdown {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #C03D1E !important;
}

/* Buttons */
.ui.button,
.ui.buttons .button,
.ui.primary.button,
.ui.primary.buttons .button,
.ui.button.primary {
  background: #C03D1E !important;
  color: #ffffff !important;
  border-color: #C03D1E !important;
}

.ui.button:hover,
.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.button.primary:hover {
  background: #C03D1E !important;
  color: #ffffff !important;
}

/* Dropdowns */
.ui.dropdown .menu,
.ui.menu .dropdown.item .menu,
.user-menu .menu,
.ui.popup {
  background: #11192D !important;
  color: #ffffff !important;
  border-color: #C03D1E !important;
}

.ui.dropdown .menu > .item,
.ui.dropdown .menu > .header,
.ui.menu .dropdown.item .menu > .item,
.user-menu .menu > .item,
.ui.dropdown .menu > .item *,
.ui.dropdown .menu > .header * {
  color: #ffffff !important;
}

.ui.dropdown .menu svg,
.ui.menu .dropdown.item .menu svg,
.user-menu .menu svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.ui.dropdown .menu > .item:hover,
.ui.menu .dropdown.item .menu > .item:hover,
.user-menu .menu > .item:hover {
  background: #C03D1E !important;
  color: #ffffff !important;
}

/* Tabs / Explore / Repository Navigation */
.ui.secondary.pointing.menu,
.ui.tabular.menu {
  background: #11192D !important;
  border-color: #C03D1E !important;
}

.ui.secondary.pointing.menu .item,
.ui.tabular.menu .item {
  color: #ffffff !important;
}

.ui.secondary.pointing.menu .active.item,
.ui.tabular.menu .active.item {
  color: #ffffff !important;
  border-color: #C03D1E !important;
}

/* Login-Fenster */
.user.signin .ui.segment,
.user.signin .ui.attached.segment,
.user.signin .ui.form,
.user.signin .ui.message {
  background: #11192D !important;
  color: #ffffff !important;
  border-color: #C03D1E !important;
}

.user.signin label,
.user.signin .field label,
.user.signin .inline.field label,
.user.signin .ui.header,
.user.signin h4 {
  color: #ffffff !important;
}

/* Logo im Header */
.ui.menu.navbar img[src*="logo.svg"],
.following.bar img[src*="logo.svg"],
.navbar img[src*="logo.svg"] {
  max-height: 32px !important;
  height: 32px !important;
  width: auto !important;
}

/* Logo auf Start-/Login-Seite */
.home img[src*="logo.svg"],
.user.signin img[src*="logo.svg"],
.user.signup img[src*="logo.svg"],
.center img[src*="logo.svg"] {
  max-height: 192px !important;
  height: 192px !important;
  width: auto !important;
}

/* Login: Benutzereingaben schwarz auf weißem Feld */
.user.signin input,
.user.signin .ui.input > input,
.user.signin input[type="text"],
.user.signin input[type="email"],
.user.signin input[type="password"] {
  background: #ffffff !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  caret-color: #000000 !important;
}

/* Login: Platzhaltertext lesbar, aber dezenter */
.user.signin input::placeholder,
.user.signin .ui.input > input::placeholder {
  color: #333333 !important;
  opacity: 1 !important;
}