/* fasola identity: locally served Fraunces and the approved bean-pod concept. */
@font-face {
  font-family: 'Fraunces';
  src: url('./fonts/fraunces.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --font-heading: 'Fraunces', Georgia, serif;
  --font-heading-weight: 750;
  --color-bg: #fafbf5;
  --color-surface: #edf1e4;
  --color-text: #243e2e;
  --color-accent: #214b34;
  --color-accent-2: #76954b;
  --color-divider: #dce3d5;
  --color-neutral-100: #fffdf8;
  --color-neutral-200: #f0f1e7;
  --color-neutral-300: #dce3d5;
  --color-accent-100: #f2f6e9;
  --color-accent-200: #e3ecd5;
  --color-accent-300: #cadbb8;
  --color-accent-400: #9db982;
  --color-accent-500: #6a9059;
  --color-accent-600: #315d3c;
  --color-accent-700: #284f34;
  --color-accent-800: #21432e;
  --color-accent-900: #173221;
}
h1,h2,h3,h4,h5,h6,.stat .num,.btn,.card-title,.dialog-title {
  font-variation-settings: 'SOFT' 70, 'WONK' 1;
}
.stat .num { font-weight: var(--font-heading-weight); }
.side { background: #fff9f0; border-right: 1px solid var(--color-divider); }
.side .brand { padding: 0 5px; }
.brand-crop { display: block; position: relative; width: 158px; height: 44px; overflow: hidden; }
.brand-crop img { position: absolute; width: 185px; height: auto; max-width: none; left: -17px; top: -35px; }
.title-row h1 { min-width: 0; max-width: 100%; overflow-wrap: anywhere; line-height: 1.2; }
/* Errors retain a distinct warning colour alongside the green identity. */
.err { color: #963b2b; }
.badge.err { color: #963b2b; background: #fbe7df; }
.badge.warn { color: #79511b; background: #fbefd5; }
@media (max-width: 640px) {
  .title-row h1 { font-size: 27px; }
}