/* SudoSecurity: Forgejo dark with the site's black + teal palette. */
@import "./theme-forgejo-dark.css";

:root {
  --is-dark-theme: true;
  --color-primary: #5d9e91;
  --color-primary-contrast: #06110f;
  --color-primary-dark-1: #6fb2a4;
  --color-primary-dark-2: #7fc6b7;
  --color-primary-dark-3: #92d3c5;
  --color-primary-dark-4: #a6ddd1;
  --color-primary-dark-5: #bce7dd;
  --color-primary-dark-6: #d2f0e9;
  --color-primary-dark-7: #e8f8f4;
  --color-primary-light-1: #528c80;
  --color-primary-light-2: #477a6f;
  --color-primary-light-3: #3c675e;
  --color-primary-light-4: #31554d;
  --color-primary-light-5: #26423c;
  --color-primary-light-6: #1b302b;
  --color-primary-light-7: #111d1a;
  --color-primary-alpha-10: #5d9e911a;
  --color-primary-alpha-20: #5d9e9133;
  --color-primary-alpha-30: #5d9e914d;
  --color-primary-alpha-40: #5d9e9166;
  --color-primary-alpha-50: #5d9e9180;
  --color-primary-alpha-60: #5d9e9199;
  --color-primary-alpha-70: #5d9e91b3;
  --color-primary-alpha-80: #5d9e91cc;
  --color-primary-alpha-90: #5d9e91e6;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
  --color-accent: var(--color-primary-dark-2);
  --color-body: #000000;
  --color-box-body: #0a0a0a;
  --color-box-body-highlight: #111111;
  --color-box-header: #0f0f0f;
  --color-header-wrapper: #050505;
  --color-nav-bg: #000000;
  --color-nav-hover-bg: #161616;
  --color-secondary-nav-bg: #050505;
  --color-menu: #0a0a0a;
  --color-card: #0a0a0a;
  --color-input-background: #0a0a0a;
  --color-footer: #000000;
  --color-secondary: #262626;
  --color-secondary-dark-1: #2e2e2e;
  --color-secondary-dark-2: #383838;
  --color-light-border: #ffffff1a;
  --color-text: #ededed;
  --color-text-light: #c8c8c8;
  --color-text-light-1: #b0b0b0;
  --color-text-light-2: #a0a0a0;
  --color-text-light-3: #8f8f8f;
  --color-markup-code-block: #0f0f0f;
  --color-markup-code-inline: #1a1a1a;
  --fonts-proportional: "Geist", -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
}

.ui.primary.button,
.ui.primary.buttons .button {
  color: var(--color-primary-contrast);
}

/* Phones: no sideways scrolling, comfortable tap targets. */
@media (max-width: 767.98px) {
  html, body { overflow-x: hidden; }
  #navbar .item, .ui.button, .ui.menu .item { min-height: 44px; }
  .repository .repo-header .flex-item { flex-wrap: wrap; }
  .repository .file-header-left, .repository .branch-dropdown { min-width: 0; }
  pre, .markup pre { overflow-x: auto; }
}