/* EDANO-thema voor git.edano.eu
 *
 * De kleuren komen letterlijk uit de huisstijl van edano.eu
 * (src/styles/tokens.css), inclusief de contrastverhoudingen die daar zijn
 * uitgerekend. Niets hier is opnieuw bedacht:
 *
 *   ink      #212326                   emerald  #00805D
 *   green    #004225                   mist     #EDF2F0
 *   muted    #5B6470  6,00 op wit      rule     #74897F  3,96 op wit
 *   hairline #D8E2DD  decoratief       mint     #D7EDE3  9,48 op green
 *
 * Forgejo laadt een thema als `theme-<naam>.css` uit
 * $GITEA_CUSTOM/public/assets/css/. De naam achter theme- moet overeenkomen met
 * wat in de configuratie onder ui.THEMES staat.
 */

:root,
:root[data-theme="edano"] {
  --color-primary: #00805D;
  --color-primary-contrast: #FFFFFF;
  --color-primary-dark-1: #006e50;
  --color-primary-dark-2: #005c43;
  --color-primary-dark-3: #004a36;
  --color-primary-dark-4: #004225;
  --color-primary-light-1: #159a74;
  --color-primary-light-2: #2fb48b;
  --color-primary-light-3: #62c9a8;
  --color-primary-light-4: #9adfc8;
  --color-primary-light-5: #D7EDE3;
  --color-primary-alpha-10: #00805D19;
  --color-primary-alpha-20: #00805D33;
  --color-primary-alpha-30: #00805D4b;
  --color-primary-alpha-40: #00805D66;
  --color-primary-alpha-50: #00805D80;
  --color-primary-alpha-60: #00805D99;
  --color-primary-alpha-70: #00805Db3;
  --color-primary-alpha-80: #00805Dcc;
  --color-primary-alpha-90: #00805De6;

  --color-secondary: #D8E2DD;
  --color-secondary-dark-1: #c6d4cd;
  --color-secondary-dark-2: #b4c6bd;

  /* Tekstkleuren. muted is de secundaire tekst uit de huisstijl en haalt 6,00
   * op wit; rule is bewust lichter en draagt daarom geen tekst maar randen. */
  --color-text: #212326;
  --color-text-dark: #101114;
  --color-text-light: #3a3d42;
  --color-text-light-1: #4a4e54;
  --color-text-light-2: #5B6470;
  --color-text-light-3: #74897F;

  --color-body: #FFFFFF;
  --color-box-body: #FFFFFF;
  --color-box-header: #EDF2F0;
  --color-markup-code-block: #EDF2F0;
  --color-light: #EDF2F0;
  --color-light-mimic-enabled: #EDF2F0;
  --color-hover: #EDF2F0;
  --color-active: #D7EDE3;
  --color-menu: #FFFFFF;
  --color-card: #FFFFFF;
  --color-nav-bg: #004225;
  --color-nav-hover-bg: #00805D;
  --color-nav-text: #FFFFFF;

  --color-border: #D8E2DD;
  --color-secondary-alpha-40: #D8E2DD66;
  --color-input-background: #FFFFFF;
  --color-input-border: #D8E2DD;
  --color-input-border-hover: #74897F;
  --color-input-text: #212326;
  --color-footer: #EDF2F0;
  --color-timeline: #D8E2DD;
}

/* De lettertypen van de huisstijl. IBM Plex Sans voor koppen, Inter voor tekst.
 * Geen webfont-verwijzing naar buiten: dat zou een externe host toevoegen aan
 * een dienst die juist van ons hoort te zijn. Staan ze niet op het apparaat,
 * dan valt hij terug op de systeemletter en dat is geen ramp. */
:root[data-theme="edano"] {
  --fonts-regular: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonts-monospace: "IBM Plex Mono", ui-monospace, monospace;
}

:root[data-theme="edano"] h1,
:root[data-theme="edano"] h2,
:root[data-theme="edano"] h3,
:root[data-theme="edano"] .ui.header {
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  letter-spacing: -0.01em;
}

/* De bovenbalk in het donkere groen van de huisstijl, met mint als accent.
 * mint haalt 9,48 op green, dus dat leest ruim. */
:root[data-theme="edano"] .ui.secondary.menu.main-nav,
:root[data-theme="edano"] #navbar {
  background: #004225;
}

:root[data-theme="edano"] #navbar a,
:root[data-theme="edano"] #navbar .item {
  color: #FFFFFF;
}

:root[data-theme="edano"] #navbar a:hover,
:root[data-theme="edano"] #navbar .item:hover {
  background: #00805D;
  color: #D7EDE3;
}