/* Normez brand roles. Artwork: user-supplied normez-brand-kit_1.zip. Fonts: Google Fonts, OFL. */
@font-face { font-family: "Inter Tight"; src: url("/assets/inter-tight-latin.ttf") format("truetype"); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: Fraunces; src: url("/assets/fraunces-latin.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: Fraunces; src: url("/assets/fraunces-italic.ttf") format("truetype"); font-style: italic; font-weight: 100 900; font-display: swap; }
:root {
  color-scheme: light;
  --brand-cobalt: #1b3a8c;
  --brand-glaze: #f8f6f0;
  --brand-deep: #132c70;
  --brand-wash: #5c7dc8;
  --brand-ochre: #c8962e;
  --brand-night: #0e1a3a;
  --surface: var(--brand-glaze);
  --surface-raised: #fff;
  --sidebar: #f1f2f6;
  --ink: var(--brand-deep);
  --muted: #4f5b78;
  --accent: var(--brand-cobalt);
  --on-accent: var(--brand-glaze);
  --accent-hover: var(--brand-deep);
  --accent-soft: #e8edf8;
  --line: #d8d3c4;
  --control-line: #b6bfd3;
  --highlight: var(--brand-ochre);
  --focus: var(--brand-cobalt);
  --warning-soft: #f3ead6;
  --success: #2e6b4a;
  --danger: #b03a24;
  --font-display: Fraunces, Georgia, serif;
  --font-sans: "Inter Tight", system-ui, sans-serif;
}
h1, h2, .font-display { font-family: var(--font-display); font-variation-settings: "opsz" 14; font-optical-sizing: none; }
.brand-logo { display: block; width: 138px; height: auto; aspect-ratio: 587 / 148; }
.brand-rosette { display: block; width: 28px; height: 28px; }
.tile-pattern { background: var(--surface) url("/brand/pattern/tile-pattern.svg") 0 0 / 256px 256px; }
.tile-panel { position: relative; background: var(--surface); border: 4px solid var(--accent); outline: 12px solid var(--surface); padding: 42px; }
.tile-panel::before { content: ""; position: absolute; inset: 5px; border: 1px solid var(--accent); pointer-events: none; }
.tile-corner { position: absolute; width: 32px; height: 32px; background: var(--surface); padding: 2px; }
.tile-corner:nth-of-type(1) { top: -17px; left: -17px; }
.tile-corner:nth-of-type(2) { top: -17px; right: -17px; }
.tile-corner:nth-of-type(3) { bottom: -17px; left: -17px; }
.tile-corner:nth-of-type(4) { bottom: -17px; right: -17px; }