/* theme-veilor — monochrome AMOLED per the veilor design standard.
   Inherits forgejo-dark for everything not overridden (diff/status colors
   stay functional — deliberate cut: pure-mono diffs are unreadable in a git UI). */
@import url("theme-forgejo-dark.css");

:root {
  /* ramp: #000 → #0a0a0a → #141414 → #2a2a2a → #444 → #999 → #fff */
  --fonts-regular: var(--fonts-monospace);

  --color-body: #000;
  --color-box-body: #000;
  --color-box-body-highlight: #0a0a0a;
  --color-box-header: #0a0a0a;
  --color-card: #000;
  --color-menu: #000;
  --color-footer: #000;
  --color-header-wrapper: #000;
  --color-header-wrapper-transparent: rgba(0,0,0,0);
  --color-nav-bg: #000;
  --color-nav-hover-bg: #141414;
  --color-navbar: #000;
  --color-navbar-hover-bg: #141414;
  --color-code-bg: #0a0a0a;
  --color-markup-code-block: #0a0a0a;
  --color-markup-code-inline: #141414;
  --color-input-background: #0a0a0a;
  --color-input-border: #2a2a2a;
  --color-input-border-hover: #444;
  --color-input-text: #fff;
  --color-button: #0a0a0a;
  --color-hover: rgba(255,255,255,.06);
  --color-hover-opaque: #141414;
  --color-active: rgba(255,255,255,.10);
  --color-active-line: #0a0a0a;
  --color-light: rgba(255,255,255,.04);
  --color-light-mimic-enabled: rgba(255,255,255,.12);
  --color-light-border: #2a2a2a;
  --color-secondary: #2a2a2a;
  --color-secondary-dark-1: #333;
  --color-secondary-dark-2: #3c3c3c;
  --color-secondary-dark-3: #444;
  --color-secondary-light-1: #222;
  --color-secondary-light-2: #1a1a1a;
  --color-secondary-light-3: #141414;
  --color-secondary-light-4: #0a0a0a;
  --color-secondary-bg: #0a0a0a;
  --color-secondary-alpha-40: rgba(42,42,42,.4);
  --color-shadow: rgba(0,0,0,0);
  --color-shadow-opaque: #000;

  --color-text: #fff;
  --color-text-dark: #fff;
  --color-text-light: #ccc;
  --color-text-light-1: #b3b3b3;
  --color-text-light-2: #999;
  --color-text-light-3: #808080;

  /* primary = invert: white actions on black */
  --color-primary: #fff;
  --color-primary-contrast: #000;
  --color-primary-dark-1: #e6e6e6;
  --color-primary-dark-2: #ccc;
  --color-primary-dark-3: #b3b3b3;
  --color-primary-dark-4: #999;
  --color-primary-dark-5: #666;
  --color-primary-dark-6: #333;
  --color-primary-dark-7: #1a1a1a;
  --color-primary-light-1: #e6e6e6;
  --color-primary-light-2: #ccc;
  --color-primary-light-3: #b3b3b3;
  --color-primary-light-4: #999;
  --color-primary-light-5: #666;
  --color-primary-light-6: #333;
  --color-primary-light-7: #141414;
  --color-primary-alpha-30: rgba(255,255,255,.3);
  --color-primary-alpha-40: rgba(255,255,255,.4);
  --color-primary-hover: #ccc;
  --color-primary-active: #b3b3b3;

  --color-console-bg: #000;
  --color-console-fg: #fff;
  --color-console-fg-subtle: #999;
  --color-console-border: #2a2a2a;
  --color-console-hover-bg: #141414;
  --color-console-active-bg: #1a1a1a;
  --color-console-menu-bg: #0a0a0a;
  --color-console-menu-border: #2a2a2a;

  --color-accent: #fff;
  --color-caret: #fff;
  --color-timeline: #2a2a2a;
  --color-label-bg: #141414;
  --color-label-text: #ccc;
}

/* flat surfaces: no shadows anywhere */
.ui.segment, .ui.cards > .card, .ui.card, .ui.menu, .ui.dropdown .menu,
.ui.modal, .ui.attached.header, #navbar {
  box-shadow: none !important;
}