/* PAYZ Agent Cover theme: overrides core/static/core/theme.css (same path, project static/ wins).
   Palette from the PAYZ Brand Guidelines 2025 (p.6); font and nav look follow payz.co.zm. */
@font-face {
  font-family: "DM Sans";
  src: url("dm-sans.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand: #389914;            /* Slimy Green */
  --brand-ink: #ffffff;
  --brand-soft: #eef7ea;       /* tint of Slimy Green */
  --accent: #fda712;           /* Dark Tangerine */

  --bg: #fafafa;
  --surface: #ffffff;
  --text: #000000;             /* Black */
  --muted: #5c6370;
  --border: #e4e4e7;

  --ok: #2d7a10;      --ok-bg: #eef7ea;       /* darker Slimy Green on its tint, for text contrast */
  --warn: #b45309;    --warn-bg: #fff7e6;     /* darker Dark Tangerine for text */
  --danger: #df1c0d;  --danger-bg: #fdeceb;   /* Lust */
  --info: #2563eb;    --info-bg: #eff6ff;

  --font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-pdf: "DejaVu Sans", sans-serif;
  --radius: 10px;
  --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
}

/* Four-colour flag stripe across the top of every page, as on payz.co.zm: Lust, Dark Tangerine, Slimy Green, Black.
   Out of the flow on purpose: the shell is already a full viewport tall (min-h-screen, and a sidebar of h-screen), so a stripe
   that took its own 0.5rem would make every page scroll by 0.5rem. It sits over the top of the page, whose first row has more padding than that. */
body { position: relative; }
body::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 50;
  height: 0.5rem;
  pointer-events: none;
  background: linear-gradient(90deg, #df1c0d 0 25%, #fda712 25% 50%, #389914 50% 75%, #000000 75% 100%);
}

/* Navbar mark: the PAYZ logo in place of the brand-coloured square, sized to be seen (the mark is 8:3). */
a[data-logo]::before { width: 6.4rem; height: 2.4rem; border-radius: 0; background: url("logo.svg") center / contain no-repeat; }

/* Nav hover and current page: solid brand green with white text, as on payz.co.zm. */
nav a[href]:hover, nav a[aria-current="page"] { background-color: var(--brand); color: var(--brand-ink); }
nav a[aria-current="page"] { font-weight: 500; }

/* "Powered by" credit link: red on hover (the extra [target] outranks the component's hover:text-brand). */
a[href="https://efgh.xyz"][target]:hover { color: var(--danger); }