/* Mahoje-tema til Forgejo 17: overlay oven på det indbyggede tema. Kilde: mahoje-dk drift/git-server/tema */
@import "./theme-forgejo-auto.css";
:root {
  --color-primary: #15181c;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #23272d;
  --color-primary-dark-2: #2f343b;
  --color-primary-dark-3: #3a4048;
  --color-primary-dark-4: #000000;
  --color-primary-light-1: #41454c;
  --color-primary-light-2: #62666e;
  --color-primary-light-3: #8a8e95;
  --color-primary-light-4: #c4c8cf;
  --color-primary-light-5: #e2e3e5;
  --color-primary-light-6: #efeee9;
  --color-primary-light-7: #f5f3ee;
  --color-primary-alpha-10: #15181c1a;
  --color-primary-alpha-20: #15181c33;
  --color-primary-alpha-30: #15181c4c;
  --color-primary-alpha-40: #15181c66;
  --color-primary-alpha-50: #15181c80;
  --color-primary-alpha-60: #15181c99;
  --color-primary-alpha-70: #15181cb2;
  --color-primary-alpha-80: #15181ccc;
  --color-primary-alpha-90: #15181ce6;
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);
  --mahoje-gold: #8f6a09;
  --mahoje-paper: #f5f3ee;
  --mahoje-rule: #e2e3e5;
  --color-body: #ffffff;
  --color-text: #15181c;
  --color-text-light: #41454c;
  --color-text-light-1: #4b4f56;
  --color-text-light-2: #555a61;
  --color-text-light-3: #62666e;
  --color-box-header: #f5f3ee;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #efeee9;
  --color-secondary-bg: #f5f3ee;
  --color-header-wrapper: #f5f3ee;
  --color-header-wrapper-transparent: #f5f3ee00;
  --color-footer: #f5f3ee;
  --color-nav-bg: #ffffff;
  --color-nav-hover-bg: #efeee9;
  --color-secondary-nav-bg: #ffffff;
  --color-menu: #ffffff;
  --color-button: #f5f3ee;
  --color-code-bg: #fbfaf7;
  --color-markup-code-block: #f5f3ee;
  --color-markup-code-inline: #efeee9;
  --color-input-border: #d3d4d7;
  --color-input-border-hover: #9aa1ab;
  --color-light-border: #e2e3e5;
  --color-secondary: #e2e3e5;
  --color-secondary-dark-1: #d9dadd;
  --color-secondary-dark-2: #d3d4d7;
  --color-hover: #efeee9aa;
  --color-active: #e9e7e0;
  --color-timeline: #e2e3e5;
  --color-accent: #8f6a09;
  --color-small-accent: #f3ead2;
  --color-highlight-bg: #fbf4dc;
  --color-highlight-fg: #e8d49a;
  --color-selection-bg: #15181c;
  --color-selection-fg: #ffffff;
  --color-indicator-active: #8f6a09;
  --color-indicator-active-20: #8f6a0933;
}
@media (prefers-color-scheme: dark) {
  :root {
    --steel-900: #0f1113;
    --steel-850: #121417;
    --steel-800: #15181c;
    --steel-750: #1a1d21;
    --steel-700: #1f2328;
    --steel-650: #262a30;
    --steel-600: #2c3138;
    --steel-550: #343941;
    --steel-500: #3c424b;
    --steel-450: #4a5059;
    --steel-400: #5a616b;
    --steel-350: #6f7680;
    --steel-300: #858c96;
    --steel-250: #9aa1ab;
    --steel-200: #b0b5bd;
    --steel-150: #c4c8cf;
    --steel-100: #e3e5e9;
    --color-primary: #f3f4f6;
    --color-primary-contrast: #15181c;
    --color-primary-dark-1: #ffffff;
    --color-primary-dark-2: #e3e5e9;
    --color-primary-dark-3: #d4d7dc;
    --color-primary-dark-4: #c4c8cf;
    --color-primary-light-1: #c4c8cf;
    --color-primary-light-2: #9aa1ab;
    --color-primary-light-3: #6f7680;
    --color-primary-light-4: #4a5059;
    --color-primary-light-5: #343941;
    --color-primary-light-6: #25292f;
    --color-primary-light-7: #1f2328;
    --color-primary-alpha-10: #f3f4f61a;
    --color-primary-alpha-20: #f3f4f633;
    --color-primary-alpha-30: #f3f4f64c;
    --color-primary-alpha-40: #f3f4f666;
    --color-primary-alpha-50: #f3f4f680;
    --color-primary-alpha-60: #f3f4f699;
    --color-primary-alpha-70: #f3f4f6b2;
    --color-primary-alpha-80: #f3f4f6cc;
    --color-primary-alpha-90: #f3f4f6e6;
    --color-primary-hover: var(--color-primary-dark-2);
    --color-primary-active: var(--color-primary-dark-4);
    --mahoje-gold: #d9b24a;
    --mahoje-paper: #1a1d21;
    --mahoje-rule: #2c3138;
    --color-body: #121417;
    --color-text: #f3f4f6;
    --color-text-light: #c4c8cf;
    --color-text-light-1: #b6bac2;
    --color-text-light-2: #a8aeb7;
    --color-text-light-3: #9aa1ab;
    --color-box-header: #1a1d21;
    --color-box-body: #15181c;
    --color-box-body-highlight: #22262b;
    --color-secondary-bg: #1a1d21;
    --color-header-wrapper: #1a1d21;
    --color-header-wrapper-transparent: #1a1d2100;
    --color-footer: #0f1113;
    --color-nav-bg: #0f1113;
    --color-nav-hover-bg: #22262b;
    --color-secondary-nav-bg: #121417;
    --color-menu: #1a1d21;
    --color-button: #1f2328;
    --color-code-bg: #15181c;
    --color-markup-code-block: #1a1d21;
    --color-markup-code-inline: #22262b;
    --color-input-background: #15181c;
    --color-input-toggle-background: #22262b;
    --color-input-border: #343941;
    --color-input-border-hover: #4a5059;
    --color-light-border: #2c3138;
    --color-secondary: #2c3138;
    --color-secondary-dark-1: #343941;
    --color-secondary-dark-2: #3c424b;
    --color-hover: #22262baa;
    --color-active: #262a30;
    --color-timeline: #2c3138;
    --color-accent: #d9b24a;
    --color-small-accent: #3a3220;
    --color-highlight-bg: #3a3220;
    --color-highlight-fg: #6b5a2a;
    --color-selection-bg: #f3f4f6;
    --color-selection-fg: #15181c;
    --color-indicator-active: #d9b24a;
    --color-indicator-active-20: #d9b24a33;
  }
  
  #navbar-logo img {
    filter: invert(1);
  }
}

@font-face {
  font-family: "Schibsted Grotesk";
  src: url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brygada 1918";
  src: url("../fonts/brygada-1918-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("../fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --fonts-proportional: "Schibsted Grotesk", -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, var(--fonts-emoji);
  --fonts-monospace: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace, var(--fonts-emoji);
  --mahoje-serif: "Brygada 1918", Georgia, serif;
  --border-radius: 3px;
  --border-radius-medium: 4px;
}

/* Topbjælken: hvid flade med én 1 px streg i stedet for grå blok */
#navbar {
  border-bottom: 1px solid var(--mahoje-rule);
  min-height: 52px;
}
#navbar .item.active,
#navbar a.item:hover {
  border-radius: var(--border-radius);
}

/* Overskrifter i Brygada, ligesom mahoje.dk */
.markup h1,
.markup h2,
.markup h3,
.repo-header .flex-item-title,
.user.profile .profile-avatar-name .header,
.page-content.home h1,
.page-content.home h2 {
  font-family: var(--mahoje-serif);
  font-weight: 500;
  letter-spacing: -0.015em;
}
.markup h1,
.markup h2 {
  border-bottom-color: var(--mahoje-rule);
}
.repo-header .flex-item-title {
  font-size: 1.3rem;
}

/* Login: overskriften i Brygada uden grå bjælke */
.page-content.user.signin h4.ui.top.attached.header,
.page-content.user.signup h4.ui.top.attached.header {
  font-family: var(--mahoje-serif);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  background: var(--color-body);
  border-bottom: none;
  padding-top: 1.4rem;
}

/* Knapper: halvfed tekst, primærknap i blæk */
.ui.button,
.button {
  font-weight: 600;
}

/* Kasser: kun streg, ingen skygge */
.ui.segment,
.ui.attached.segment,
.ui.card,
.ui.cards > .card {
  box-shadow: none;
}

/* Fanebladet der er valgt markeres med en 2 px blæk-streg */
.ui.secondary.pointing.menu .active.item {
  border-color: var(--color-text);
  font-weight: 600;
}

/* Fillisten: lidt mere luft pr. række */
#repo-files-table .repo-file-item {
  min-height: 42px;
}

/* Kodevisning og diff i Geist Mono med rolig linjehøjde */
.code-view,
.diff-file-box .code-diff {
  line-height: 1.6;
}

/* Links i README'er og kommentarer: blæk som teksten, så en diskret understregning viser dem */
.markup a {
  text-decoration: underline;
  text-decoration-color: var(--color-text-light-3);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.markup a:hover {
  text-decoration-color: currentcolor;
}

/* Markeret tekst */
::selection {
  background: var(--color-selection-bg);
  color: var(--color-selection-fg);
}