/**
 * Autonomize default theme overlay for @genesis/ui consumers.
 *
 * Canonical home of what previously shipped as `themes/payer-audit.css`
 * (named after the solution app the styles were ported from). The
 * payer-audit file remains as a deprecated alias; new consumers should
 * link this file.
 *
 * **As of v0.22, the document baseline (compact 14px body, brand
 * font, washed-lilac background, heading + link resets) is shipped
 * by tokens.css itself.** This overlay therefore no longer carries
 * those rules — they are not duplicated here. What remains are
 * specific-use utility classes (`.az-split-page`, `.az-accent-dot`,
 * `.az-nano-label`, `.az-tagline`) ported from the payer-audit
 * reference app (~/work/apps/payer-audit/src/payer_audit/static/styles.css)
 * which still need an opt-in link because they target specific page
 * shapes (login two-pane, footer chrome) rather than every document.
 *
 * Usage:
 *
 *   <link rel="stylesheet" href="@genesis/ui/dist/tokens.css">
 *   <!-- only add this line if you need the .az-split-page family: -->
 *   <link rel="stylesheet" href="@genesis/ui/dist/styles/themes/autonomize.css">
 *
 * The overlay depends on tokens.css being linked first so the
 * `--azp-*` and `--az-*` tokens resolve. Order matters.
 *
 * The overlay does not ship font files. The new design uses Inter
 * (open licence) — see the `@font-face` reference block at the bottom
 * of this file to self-host, or load it from your font pipeline.
 */

/* =========================================================
 * Two-pane login / standalone-page layout
 * =========================================================
 *
 * Ported from payer-audit's `.login-*` family
 * (static/styles.css L107-227 in the reference repo). Kept as a
 * loose set of utility classes — not a component — because the
 * shape recurs across internal tools (login, locked-tenant, error
 * pages) and reaching for a full `<gn-*>` would over-fit.
 *
 * Dark stage on the left, light form on the right. Collapses to a
 * single column under 768px.
 */

.az-split-page {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(360px, 480px);
  min-height: 100vh;
  margin: 0;
  background: var(--az-background);
  font-family: var(--az-font-body);
}

@media (max-width: 768px) {
  .az-split-page {
    grid-template-columns: 1fr;
  }
}

.az-split-stage {
  background: var(--az-background-dark);
  color: var(--az-on-background-dark);
  padding: var(--az-space-xl) var(--az-space-lg);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--az-space-md);
}

.az-split-form {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--az-space-lg);
  background: var(--az-background);
}

/* Gold accent dot — once per page; pairs with footer attribution. */
.az-accent-dot {
  width: 8px;
  height: 8px;
  background: var(--az-accent);
  border-radius: var(--az-radius-pill);
  margin-right: var(--az-space-xs);
  display: inline-block;
}

/* Mono-uppercase nano-label. Use for "POWERED BY", breadcrumbs,
 * attributions — the recurring 9-11px mono micro-chrome. */
.az-nano-label {
  font-family: var(--az-font-mono);
  font-size: var(--azp-label-2xs);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.55;
}

/* Tagline + sub — large display tagline for the dark stage. */
.az-tagline {
  font-family: var(--az-font-display);
  font-size: 40px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  font-weight: var(--az-weight-regular);
  margin-top: var(--az-space-md);
}
.az-tagline-sub {
  font-size: var(--az-body-md);
  opacity: 0.75;
  margin-top: var(--az-space-xs);
}

/* =========================================================
 * @font-face reference (paste-and-host)
 * =========================================================
 *
 * The overlay does not embed font files. The design face is Inter
 * (SIL OFL — no licensing gate). Self-host the variable font under
 * your app's static path:
 *
 *   @font-face {
 *     font-family: "Inter";
 *     src: url("/static/fonts/InterVariable.woff2") format("woff2");
 *     font-weight: 100 900;
 *     font-display: swap;
 *   }
 *
 * The fallback chain in --az-font-body / --az-font-display resolves
 * to system-ui until Inter loads, so the layout does not shift on
 * cold load.
 */