/* Mplify light — DRAFT for Tom's approval (decisions/2026-09-19-user-facing-naming.md N-6..N-11). Brigitte-5.
 *
 * Built ON Forgejo 15.0.9's own light theme, changing only what makes it read as Mplify on first sight:
 * colours, fonts, the navbar, and the logo on dark. Values are the Mplify Brand Style Guide (June 2025) as
 * carried by MplifyPortal lwc/brandTokens/brandTokens.css — copied as VALUES; the portal's token names are
 * historical (--mp-teal is Primary Blue) and are not reused here.
 *
 *   Primary Blue #244E9E · Navy Dark #000136 · Secondary Blue #3D7BC7 · Orange #FD7801 (hover #c95e00)
 *   Dark Gray #555555 · Light Gray #A1A1A1 · page #e8edf5 · cards #ffffff
 *
 * Contrast (WCAG 2.x, measured 2026-09-19): blue on white 7.90 · navy on white 19.86 · white on blue 7.90 ·
 * white on ORANGE 2.67 (FAILS AA) · navy on orange 7.44. ⇒ Tom ruled NAVY on orange (N-12) — a deliberate difference from the portal.
 */
@import "./theme-forgejo-light.css";

@font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Sansation"; src: url("../fonts/Sansation-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Sansation"; src: url("../fonts/Sansation-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --mplify-blue: #244E9E;
  --mplify-navy: #000136;
  --mplify-blue-2: #3D7BC7;
  --mplify-orange: #FD7801;
  --mplify-orange-hover: #c95e00;
  --mplify-page: #e8edf5;
  --mplify-action-text: #000136;        /* Tom 2026-09-19: "Navy on orange" — 7.44:1 (the portal's white is 2.67:1, fails AA) */

  --fonts-proportional: "Roboto", "Helvetica Neue", Arial, sans-serif;

  /* Forgejo's "primary" drives links, active tabs, focus rings — Mplify's Primary Blue does that job on the portal. */
  --color-primary: #244E9E;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #1f4589;
  --color-primary-dark-2: #1a3a7a;      /* the portal branding set's darker link variant */
  --color-primary-dark-3: #16336b;
  --color-primary-dark-4: #122b5c;
  --color-primary-dark-5: #0e234d;
  --color-primary-dark-6: #0a1a3d;
  --color-primary-dark-7: #06122e;
  --color-primary-light-1: #3D7BC7;
  --color-primary-light-2: #5a8fd0;
  --color-primary-light-3: #7aa5da;
  --color-primary-light-4: #9bbce4;
  --color-primary-light-5: #bcd2ed;
  --color-primary-light-6: #dde8f6;
  --color-primary-light-7: #eef3fa;
  --color-primary-alpha-10: #244e9e19;
  --color-primary-alpha-20: #244e9e33;
  --color-primary-alpha-30: #244e9e4b;
  --color-primary-alpha-40: #244e9e66;
  --color-primary-alpha-50: #244e9e80;
  --color-primary-alpha-60: #244e9e99;
  --color-primary-alpha-70: #244e9eb3;
  --color-primary-alpha-80: #244e9ecc;
  --color-primary-alpha-90: #244e9ee1;
  --color-primary-hover: #1a3a7a;
  --color-primary-active: #122b5c;
  --color-accent: #3D7BC7;

  --color-text: #000136;
  --color-body: #e8edf5;                /* the portal's page background; boxes/cards stay white */
  --color-box-body: #ffffff;
  --color-footer: #ffffff;
  --color-nav-bg: #244E9E;              /* the portal topbar */
  --color-nav-hover-bg: #1a3a7a;
}

/* ── The navbar = the portal topbar: Primary Blue, white text, the WHITE stacked logo.
 *    The guide: the full-colour logo goes "On light backgrounds only" — so the navbar swaps to the reversed one. */
#navbar, #navbar .item, #navbar .item svg { color: #ffffff; }
#navbar .item:hover, #navbar .item.active { background: var(--color-nav-hover-bg); color: #ffffff; }
#navbar-logo img { content: url("../img/mplify-logo-stacked-white.svg"); width: auto; height: 36px; }   /* ≥ 21px screen minimum */
#navbar .ui.dropdown .menu .item, #navbar .ui.dropdown .menu .item svg { color: var(--color-text); }

/* ── Headings and buttons in Sansation, as the portal does (--mp-font-brand). */
h1, h2, h3, .ui.header, .ui.button, #navbar .item { font-family: "Sansation", var(--fonts-proportional); }

/* ── Primary ACTIONS are orange on the portal (.mp-btn-primary); links and focus stay blue. */
.ui.primary.button, .ui.primary.buttons .button {
  background: var(--mplify-orange);
  color: var(--mplify-action-text);
  font-weight: 700;
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover { background: var(--mplify-orange-hover); color: var(--mplify-action-text); }

/* ── The Member Portal sign-in button (templates/user/auth/oauth_container.tmpl) — the one thing members must recognize. */
a.oauth-login-link.member-portal {
  background: var(--mplify-orange);
  color: var(--mplify-action-text);
  font-family: "Sansation", var(--fonts-proportional);
  font-weight: 700;
  border: none;
}
a.oauth-login-link.member-portal:hover { background: var(--mplify-orange-hover); color: var(--mplify-action-text); }

/* ── Front page scale (Tom, 2026-09-19: "really big"). Forgejo's hero is sized for a 220px logo and a poster title; the
 *    portal's own login is quieter. Logo ~120px tall, title and tagline brought down to heading size. */
.page-content.home img.logo { width: auto; height: 120px; }
.page-content.home .hero h1.title { font-size: 2.5rem; margin-top: 0.5rem; }
/* Tom 2026-09-19: the horizontal lockup (his file, Mplify-Logo-Horiz-4c.svg) with just "GIT" under it. */
.page-content.home img.logo.mplify-logo-horiz { height: 96px; }
.page-content.home .hero h1.mplify-git-word { font-size: 2.25rem; font-weight: 700; letter-spacing: 0.35em; color: #000136; margin-top: 0.25rem; padding-left: 0.35em; }
.page-content.home .hero h2 { font-size: 1.25rem; font-weight: 400; margin-top: 0.25rem; }
.page-content.home .mplify-home-signin { margin: 1.25rem 0 0.75rem; }