/* HimaGit theme (D-21) — HIMA v2 brand on Forgejo's light theme.
 * Exact brand hex (do NOT approximate) are the only literals:
 * navy 600 #2E3468 (primary) · 500 #383F7F · 700 #22264D · 800 #171A35
 * tints 100 #D4D7EC · 50 #EDEEF7 · accent teal #53AD9F
 * All other shades are color-mix() derivations of those.
 * Composition mirrors Himma-PT: white surfaces, ink text, navy top bar
 * with white falcon mark, teal only as the accent strip. */
@import url("theme-forgejo-light.css");

:root {
  /* primary: HIMA navy scale */
  --color-primary: #2e3468;
  --color-primary-contrast: #ffffff;
  --color-primary-light-1: #383f7f;
  --color-primary-light-2: color-mix(in srgb, #383f7f 80%, #ffffff);
  --color-primary-light-3: color-mix(in srgb, #383f7f 55%, #ffffff);
  --color-primary-light-4: color-mix(in srgb, #383f7f 35%, #ffffff);
  --color-primary-light-5: #d4d7ec;
  --color-primary-light-6: #edeef7;
  --color-primary-light-7: color-mix(in srgb, #edeef7 50%, #ffffff);
  --color-primary-dark-1: #22264d;
  --color-primary-dark-2: color-mix(in srgb, #22264d 85%, #000000);
  --color-primary-dark-3: #171a35;
  --color-primary-dark-4: color-mix(in srgb, #171a35 80%, #000000);
  --color-primary-dark-5: color-mix(in srgb, #171a35 60%, #000000);
  --color-primary-dark-6: color-mix(in srgb, #171a35 40%, #000000);
  --color-primary-dark-7: color-mix(in srgb, #171a35 25%, #000000);
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-dark-1);
  --color-primary-alpha-10: color-mix(in srgb, #2e3468 10%, transparent);
  --color-primary-alpha-20: color-mix(in srgb, #2e3468 20%, transparent);
  --color-primary-alpha-30: color-mix(in srgb, #2e3468 30%, transparent);
  --color-primary-alpha-40: color-mix(in srgb, #2e3468 40%, transparent);
  --color-primary-alpha-50: color-mix(in srgb, #2e3468 50%, transparent);
  --color-primary-alpha-60: color-mix(in srgb, #2e3468 60%, transparent);
  --color-primary-alpha-70: color-mix(in srgb, #2e3468 70%, transparent);
  --color-primary-alpha-80: color-mix(in srgb, #2e3468 80%, transparent);
  --color-primary-alpha-90: color-mix(in srgb, #2e3468 90%, transparent);

  /* navy top bar (Himma-PT navy panel) */
  --color-nav-bg: #171a35;
  --color-nav-hover-bg: #22264d;
  /* secondary nav must stay a light surface: Forgejo renders its content with
   * ink --color-text and has no secondary-nav text variable to override */
  --color-secondary-nav-bg: #edeef7;

  /* ink body text on white, per Himma-PT portal */
  --color-text: #171a35;
}

/* HIMA signature: teal strip under the navy bar (as on SDSP email header) */
#navbar {
  border-bottom: 2px solid #53ad9f;
}

/* Forgejo 15 has NO --color-nav-text variable: navbar items inherit ink
 * --color-text, invisible on the navy bar. Direct children only — dropdown
 * popup .menu > .item entries sit on light surfaces and must keep ink. */
#navbar .navbar-left > .item:not(.ui.button),
#navbar .navbar-right > .item:not(.ui.button),
#navbar .navbar-left > details.dropdown > summary,
#navbar .navbar-right > details.dropdown > summary {
  color: #ffffff;
}

/* active navbar item: light-theme gray highlight would swallow the white
 * text — use the navy hover shade instead */
#navbar .navbar-left > .item.active,
#navbar .navbar-right > .item.active {
  background: var(--color-nav-hover-bg);
}

/* D-24 follow-up: large HIMA falcon above the sign-in form */
.page-content.user.signin::before {
  content: "";
  display: block;
  width: 128px;
  height: 128px;
  margin: 32px auto 8px;
  background: url("/assets/img/logo.svg") no-repeat center / contain;
}