/* MEX brand accent for Gitea.
 *
 * Loaded through custom/templates/custom/header.tmpl rather than by replacing a
 * built-in theme file, so a Gitea upgrade cannot silently drop it and we are not
 * maintaining a fork of the whole stylesheet. It only re-points the primary
 * colour variables at the teal from the logo; every other token stays whatever
 * the chosen theme says, so both gitea-light and gitea-dark keep working.
 */
:root,
:root[data-theme="gitea-light"],
:root[data-theme="gitea-dark"],
:root[data-theme="gitea-auto"] {
  --color-primary: #3cb4b4;
  --color-primary-contrast: #ffffff;
  --color-primary-hover: #359e9e;
  --color-primary-active: #309090;
  --color-primary-dark-1: #37a4a4;
  --color-primary-dark-2: #319494;
  --color-primary-dark-3: #2c8383;
  --color-primary-dark-4: #267373;
  --color-primary-dark-5: #216363;
  --color-primary-dark-6: #1c5353;
  --color-primary-dark-7: #164343;
  --color-primary-light-1: #51bcbc;
  --color-primary-light-2: #67c4c4;
  --color-primary-light-3: #7ccdcd;
  --color-primary-light-4: #92d5d5;
  --color-primary-light-5: #a7dddd;
  --color-primary-light-6: #bde6e6;
  --color-primary-light-7: #d2eeee;
  --color-primary-alpha-10: rgba(60, 180, 180, 0.10);
  --color-primary-alpha-20: rgba(60, 180, 180, 0.20);
  --color-primary-alpha-30: rgba(60, 180, 180, 0.30);
  --color-primary-alpha-40: rgba(60, 180, 180, 0.40);
  --color-primary-alpha-50: rgba(60, 180, 180, 0.50);
  --color-primary-alpha-60: rgba(60, 180, 180, 0.60);
  --color-primary-alpha-70: rgba(60, 180, 180, 0.70);
  --color-primary-alpha-80: rgba(60, 180, 180, 0.80);
  --color-primary-alpha-90: rgba(60, 180, 180, 0.90);
}

/* The navbar mark is a wordmark, not a square glyph, so give it room and let
   it keep its aspect ratio instead of being squashed into the default box. */
#navbar .logo,
.secondary-nav .logo,
img.ui.log.avatar[src*="logo"] {
  height: 30px;
  width: auto;
}