/* Azrak Forge brand skin — injected via templates/custom/header.tmpl.
 *
 * Reuses the estate brand verbatim (portal tokens.css is the source of
 * truth): Outfit for UI type, JetBrains Mono for code, primary blue
 * #5168e8 with the portal's dark/light companions. The logo/favicon are
 * the canonical Azrak triangle (opmail site/brand/azrak-triangle.svg).
 *
 * Deliberately a CSS-variable override, NOT a forked theme: Forgejo's
 * own light/dark themes keep doing the heavy lifting, so upgrades stay
 * safe and both themes pick up the brand automatically.
 */

@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/outfit.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/jetbrains-mono.woff2") format("woff2");
}

:root {
  /* Type — same faces as the Azrak One portal. */
  --fonts-proportional: "Outfit", -apple-system, "Segoe UI", system-ui, sans-serif;
  --fonts-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* Brand primary (portal --primary) + companions (--primary-dark/-light). */
  --color-primary: #5168e8;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #3d52c8;
  --color-primary-dark-2: #2e3fa0;
  --color-primary-dark-3: #26348a;
  --color-primary-dark-4: #1f2b73;
  --color-primary-light-1: #5e72db;
  --color-primary-light-2: #7a8df2;
  --color-primary-light-3: #94a3f5;
  --color-primary-light-4: #aebaf7;
  --color-primary-alpha-10: color-mix(in srgb, #5168e8 10%, transparent);
  --color-primary-alpha-20: color-mix(in srgb, #5168e8 20%, transparent);
  --color-primary-alpha-30: color-mix(in srgb, #5168e8 30%, transparent);
  --color-primary-alpha-40: color-mix(in srgb, #5168e8 40%, transparent);
  --color-primary-alpha-50: color-mix(in srgb, #5168e8 50%, transparent);
  --color-primary-alpha-60: color-mix(in srgb, #5168e8 60%, transparent);
  --color-primary-alpha-70: color-mix(in srgb, #5168e8 70%, transparent);
  --color-primary-alpha-80: color-mix(in srgb, #5168e8 80%, transparent);
  --color-primary-alpha-90: color-mix(in srgb, #5168e8 90%, transparent);
}

/* Home hero: give the landing title the brand face's display weight. */
.home .hero h1,
.home .hero h2 {
  font-family: var(--fonts-proportional);
  font-weight: 650;
  letter-spacing: -0.02em;
}