/* Marengo theme for Forgejo: the internal app's palette (paper, ink, rule, tone, accent).
   Generated by generate-themes.py in this directory; edit that, not this file. */
@import url("theme-forgejo-auto.css");

/* The brand is flat: links read as text and take the accent on hover; the accent
   belongs to actions. Rules, not shadows, separate surfaces. */
:root {
  --fonts-regular: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonts-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --border-radius: 4px;
  --border-radius-medium: 6px;
}
a, .ui.breadcrumb a, .repo-title a { color: var(--color-text); }
a:hover, .ui.breadcrumb a:hover, .repo-title a:hover { color: var(--color-primary); }
/* Buttons are ink on paper (the internal app's button-ink token), never an accent block;
   the accent marks hover, focus and the active tab, as in the internal app. */
.ui.primary.button, .ui.primary.buttons .button, .ui.green.button, .ui.blue.button {
  background: var(--color-text) !important;
  color: var(--color-body) !important;
  border: 1px solid var(--color-text) !important;
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover, .ui.green.button:hover,
.ui.blue.button:hover { background: color-mix(in srgb, var(--color-text) 82%, var(--color-body)) !important; }
.ui.primary.button:focus-visible, .ui.button:focus-visible, a:focus-visible, input:focus-visible,
textarea:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.ui.red.button, .ui.negative.button { background: var(--color-body) !important; color: var(--color-primary) !important; border: 1px solid var(--color-primary) !important; }
.ui.red.button:hover, .ui.negative.button:hover { background: var(--color-primary) !important; color: var(--color-body) !important; }
.ui.menu .active.item, .ui.secondary.pointing.menu .active.item { border-color: var(--color-primary) !important; color: var(--color-text) !important; }
.ui.checkbox input:checked ~ label::before, .ui.radio.checkbox input:checked ~ label::after,
.ui.toggle.checkbox input:checked ~ label::before { background: var(--color-text) !important; border-color: var(--color-text) !important; }
.ui.label.primary, .ui.primary.label, .ui.basic.primary.label { background: var(--color-text) !important; color: var(--color-body) !important; }
.ui.segment, .ui.attached.segment, .ui.cards > .card, .ui.card, .ui.menu, .ui.table,
.ui.basic.button, .ui.basic.buttons .button { box-shadow: none !important; }
.ui.segment, .ui.attached.segment, .ui.cards > .card, .ui.card { border: 1px solid var(--color-secondary); }
#navbar { border-bottom: 1px solid var(--color-secondary); }
.page-footer { border-top: 1px solid var(--color-secondary); }
@media (prefers-color-scheme: light) {
:root {
  color-scheme: light;
  --color-primary: #c64a2c;
  --color-primary-contrast: #f7f4ed;
  --color-primary-dark-1: color-mix(in srgb, #c64a2c 88%, #1a1714);
  --color-primary-dark-2: color-mix(in srgb, #c64a2c 78%, #1a1714);
  --color-primary-dark-3: color-mix(in srgb, #c64a2c 68%, #1a1714);
  --color-primary-light-1: color-mix(in srgb, #c64a2c 88%, #f7f4ed);
  --color-primary-light-2: color-mix(in srgb, #c64a2c 76%, #f7f4ed);
  --color-primary-light-3: color-mix(in srgb, #c64a2c 64%, #f7f4ed);
  --color-primary-alpha-10: color-mix(in srgb, #c64a2c 10%, transparent);
  --color-primary-alpha-20: color-mix(in srgb, #c64a2c 20%, transparent);
  --color-primary-alpha-30: color-mix(in srgb, #c64a2c 30%, transparent);
  --color-primary-alpha-40: color-mix(in srgb, #c64a2c 40%, transparent);
  --color-primary-alpha-50: color-mix(in srgb, #c64a2c 50%, transparent);
  --color-accent: #c64a2c;
  --color-body: #f7f4ed;
  --color-box-body: #f7f4ed;
  --color-box-body-highlight: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-box-header: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-card: #f7f4ed;
  --color-menu: #f7f4ed;
  --color-navbar: #f7f4ed;
  --color-navbar-transparent: #f7f4ed;
  --color-nav-bg: #f7f4ed;
  --color-nav-hover-bg: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-nav-text: #1a1714;
  --color-secondary-nav-bg: #f7f4ed;
  --color-footer: #f7f4ed;
  --color-button: #f7f4ed;
  --color-secondary-button: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-secondary-bg: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-input-background: #f7f4ed;
  --color-input-text: #1a1714;
  --color-input-border: rgba(20, 18, 15, 0.12);
  --color-input-border-hover: #9b958c;
  --color-input-toggle-background: color-mix(in srgb, #1a1714 8%, #f7f4ed);
  --color-code-bg: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-markup-code-block: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-markup-code-inline: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-console-bg: #f7f4ed;
  --color-console-fg: #1a1714;
  --color-console-border: rgba(20, 18, 15, 0.12);
  --color-label-bg: color-mix(in srgb, #1a1714 8%, #f7f4ed);
  --color-label-text: #3b3631;
  --color-label-active-bg: color-mix(in srgb, #1a1714 8%, #f7f4ed);
  --color-shadow: rgba(20, 18, 15, 0.045);
  --color-shadow-opaque: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-overlay-backdrop: color-mix(in srgb, #1a1714 55%, transparent);
  --color-text: #1a1714;
  --color-text-dark: #1a1714;
  --color-text-light: #3b3631;
  --color-text-light-1: #3b3631;
  --color-text-light-2: #6b655d;
  --color-text-light-3: #9b958c;
  --color-placeholder-text: #9b958c;
  --color-secondary: rgba(20, 18, 15, 0.12);
  --color-secondary-dark-1: #9b958c;
  --color-secondary-dark-2: #6b655d;
  --color-secondary-dark-3: #3b3631;
  --color-secondary-alpha-30: rgba(20, 18, 15, 0.045);
  --color-secondary-alpha-40: rgba(20, 18, 15, 0.12);
  --color-secondary-alpha-50: rgba(20, 18, 15, 0.12);
  --color-secondary-hover: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-secondary-active: color-mix(in srgb, #1a1714 8%, #f7f4ed);
  --color-light: rgba(20, 18, 15, 0.045);
  --color-light-border: rgba(20, 18, 15, 0.12);
  --color-light-mimic-enabled: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-hover: rgba(20, 18, 15, 0.045);
  --color-hover-opaque: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-active: color-mix(in srgb, #1a1714 8%, #f7f4ed);
  --color-timeline: rgba(20, 18, 15, 0.12);
  --color-green: #3f7d4e;
  --color-success-text: #3f7d4e;
  --color-success-border: color-mix(in srgb, #3f7d4e 50%, #f7f4ed);
  --color-success-bg: color-mix(in srgb, #3f7d4e 12%, #f7f4ed);
  --color-red: #c64a2c;
  --color-error-text: #c64a2c;
  --color-error-border: color-mix(in srgb, #c64a2c 50%, #f7f4ed);
  --color-error-bg: color-mix(in srgb, #c64a2c 12%, #f7f4ed);
  --color-warning-text: color-mix(in srgb, #c64a2c 70%, #1a1714);
  --color-warning-border: color-mix(in srgb, #c64a2c 40%, #f7f4ed);
  --color-warning-bg: color-mix(in srgb, #c64a2c 8%, #f7f4ed);
  --color-info-text: #3b3631;
  --color-info-border: rgba(20, 18, 15, 0.12);
  --color-info-bg: color-mix(in srgb, #1a1714 4.5%, #f7f4ed);
  --color-diff-removed-linenum-bg: color-mix(in srgb, #c64a2c 18%, transparent);
  --color-diff-removed-row-bg: color-mix(in srgb, #c64a2c 9%, transparent);
  --color-diff-removed-word-bg: color-mix(in srgb, #c64a2c 28%, transparent);
  --color-diff-added-linenum-bg: color-mix(in srgb, #3f7d4e 22%, transparent);
  --color-diff-added-row-bg: color-mix(in srgb, #3f7d4e 10%, transparent);
  --color-diff-added-word-bg: color-mix(in srgb, #3f7d4e 32%, transparent);
}
}
@media (prefers-color-scheme: dark) {
:root {
  color-scheme: dark;
  --color-primary: #ed795c;
  --color-primary-contrast: #161310;
  --color-primary-dark-1: color-mix(in srgb, #ed795c 88%, #f1e9dc);
  --color-primary-dark-2: color-mix(in srgb, #ed795c 78%, #f1e9dc);
  --color-primary-dark-3: color-mix(in srgb, #ed795c 68%, #f1e9dc);
  --color-primary-light-1: color-mix(in srgb, #ed795c 88%, #161310);
  --color-primary-light-2: color-mix(in srgb, #ed795c 76%, #161310);
  --color-primary-light-3: color-mix(in srgb, #ed795c 64%, #161310);
  --color-primary-alpha-10: color-mix(in srgb, #ed795c 10%, transparent);
  --color-primary-alpha-20: color-mix(in srgb, #ed795c 20%, transparent);
  --color-primary-alpha-30: color-mix(in srgb, #ed795c 30%, transparent);
  --color-primary-alpha-40: color-mix(in srgb, #ed795c 40%, transparent);
  --color-primary-alpha-50: color-mix(in srgb, #ed795c 50%, transparent);
  --color-accent: #ed795c;
  --color-body: #161310;
  --color-box-body: #161310;
  --color-box-body-highlight: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-box-header: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-card: #161310;
  --color-menu: #161310;
  --color-navbar: #161310;
  --color-navbar-transparent: #161310;
  --color-nav-bg: #161310;
  --color-nav-hover-bg: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-nav-text: #f1e9dc;
  --color-secondary-nav-bg: #161310;
  --color-footer: #161310;
  --color-button: #161310;
  --color-secondary-button: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-secondary-bg: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-input-background: #161310;
  --color-input-text: #f1e9dc;
  --color-input-border: rgba(241, 233, 220, 0.13);
  --color-input-border-hover: #706458;
  --color-input-toggle-background: color-mix(in srgb, #f1e9dc 8%, #161310);
  --color-code-bg: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-markup-code-block: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-markup-code-inline: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-console-bg: #161310;
  --color-console-fg: #f1e9dc;
  --color-console-border: rgba(241, 233, 220, 0.13);
  --color-label-bg: color-mix(in srgb, #f1e9dc 8%, #161310);
  --color-label-text: #c1b6a8;
  --color-label-active-bg: color-mix(in srgb, #f1e9dc 8%, #161310);
  --color-shadow: rgba(241, 233, 220, 0.045);
  --color-shadow-opaque: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-overlay-backdrop: color-mix(in srgb, #f1e9dc 55%, transparent);
  --color-text: #f1e9dc;
  --color-text-dark: #f1e9dc;
  --color-text-light: #c1b6a8;
  --color-text-light-1: #c1b6a8;
  --color-text-light-2: #a29789;
  --color-text-light-3: #706458;
  --color-placeholder-text: #706458;
  --color-secondary: rgba(241, 233, 220, 0.13);
  --color-secondary-dark-1: #706458;
  --color-secondary-dark-2: #a29789;
  --color-secondary-dark-3: #c1b6a8;
  --color-secondary-alpha-30: rgba(241, 233, 220, 0.045);
  --color-secondary-alpha-40: rgba(241, 233, 220, 0.13);
  --color-secondary-alpha-50: rgba(241, 233, 220, 0.13);
  --color-secondary-hover: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-secondary-active: color-mix(in srgb, #f1e9dc 8%, #161310);
  --color-light: rgba(241, 233, 220, 0.045);
  --color-light-border: rgba(241, 233, 220, 0.13);
  --color-light-mimic-enabled: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-hover: rgba(241, 233, 220, 0.045);
  --color-hover-opaque: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-active: color-mix(in srgb, #f1e9dc 8%, #161310);
  --color-timeline: rgba(241, 233, 220, 0.13);
  --color-green: #7fb08a;
  --color-success-text: #7fb08a;
  --color-success-border: color-mix(in srgb, #7fb08a 50%, #161310);
  --color-success-bg: color-mix(in srgb, #7fb08a 12%, #161310);
  --color-red: #ed795c;
  --color-error-text: #ed795c;
  --color-error-border: color-mix(in srgb, #ed795c 50%, #161310);
  --color-error-bg: color-mix(in srgb, #ed795c 12%, #161310);
  --color-warning-text: color-mix(in srgb, #ed795c 70%, #f1e9dc);
  --color-warning-border: color-mix(in srgb, #ed795c 40%, #161310);
  --color-warning-bg: color-mix(in srgb, #ed795c 8%, #161310);
  --color-info-text: #c1b6a8;
  --color-info-border: rgba(241, 233, 220, 0.13);
  --color-info-bg: color-mix(in srgb, #f1e9dc 4.5%, #161310);
  --color-diff-removed-linenum-bg: color-mix(in srgb, #ed795c 18%, transparent);
  --color-diff-removed-row-bg: color-mix(in srgb, #ed795c 9%, transparent);
  --color-diff-removed-word-bg: color-mix(in srgb, #ed795c 28%, transparent);
  --color-diff-added-linenum-bg: color-mix(in srgb, #7fb08a 22%, transparent);
  --color-diff-added-row-bg: color-mix(in srgb, #7fb08a 10%, transparent);
  --color-diff-added-word-bg: color-mix(in srgb, #7fb08a 32%, transparent);
}
}