/* Ozzgit Dark — premium Ozzmo theme (default) */
:root {
  --fonts-proportional: var(--ozzmo-font-body) !important;
  --fonts-monospace: ui-monospace, "Cascadia Code", "Fira Code", monospace !important;

  --color-primary: #FF1E1E !important;
  --color-primary-contrast: #FFFFFF !important;
  --color-primary-hover: #ff3a3a !important;
  --color-primary-active: #B50F14 !important;
  --color-accent: #FF1E1E !important;

  --color-body: #050505 !important;
  --color-box-border: rgba(255, 255, 255, 0.1) !important;
  --color-card: #1A1A1A !important;
  --color-menu: #1A1A1A !important;
  --color-input-background: #2B2B2B !important;
  --color-input-border: rgba(255, 255, 255, 0.12) !important;

  --color-secondary: #1A1A1A !important;
  --color-secondary-light-1: #2B2B2B !important;
  --color-secondary-light-2: #353535 !important;
  --color-secondary-light-3: #404040 !important;
  --color-secondary-light-4: #4a4a4a !important;
  --color-secondary-dark-1: #141414 !important;
  --color-secondary-dark-2: #111111 !important;
  --color-secondary-dark-3: #0d0d0d !important;
  --color-secondary-dark-4: #050505 !important;
  --color-secondary-dark-5: #050505 !important;
  --color-secondary-dark-6: #050505 !important;
  --color-secondary-dark-7: #050505 !important;
  --color-secondary-dark-8: #050505 !important;

  --color-text: #FFFFFF !important;
  --color-text-light-1: #C9C9C9 !important;
  --color-text-light-2: #6C6C6C !important;
  --color-text-light-3: #6C6C6C !important;
  --color-text-dark-1: #FFFFFF !important;
  --color-text-dark-2: #C9C9C9 !important;
  --color-text-dark-3: #6C6C6C !important;

  --color-nav-bg: #1A1A1A !important;
  --color-nav-text: #FFFFFF !important;
  --color-nav-hover-bg: rgba(255, 30, 30, 0.12) !important;
}

.ui.primary.button,
.ui.primary.buttons .button {
  box-shadow: 0 0 12px rgba(255, 30, 30, 0.25) !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  box-shadow: 0 0 18px rgba(255, 30, 30, 0.45) !important;
}

.ui.segment,
.ui.card,
.ui.menu,
.ui.dropdown .menu {
  border-radius: var(--ozzmo-radius-md, 8px) !important;
}

h1, h2, h3, .ui.header {
  font-family: var(--ozzmo-font-head) !important;
}