/* FireCAD brand: tokens, font, header and footer. Classes start with fc- so they never clash with a site's own CSS or MudBlazor.
   Tokens are the contract in docs/programme-roadmap.md §3; use them in site CSS as var(--fc-orange) etc. */
@font-face { font-family: Archivo; src: url("fonts/archivo.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }

:root {
  --fc-navy: #0c1a2c;
  --fc-navy-2: #12284a;
  --fc-orange: #f26522;
  --fc-cta: #c24409;
  --fc-cta-dark: #a63a05;
  --fc-accent: #b8430a;     /* links on white: 4.5:1 or better */
  --fc-ink: #14171f;
  --fc-muted: #4a5360;
  --fc-rule: #d9dfe5;
  --fc-bg: #eff2f5;
  --fc-font: Archivo, "Segoe UI", system-ui, Arial, sans-serif;
}

.fc-header { background: linear-gradient(120deg, #08111d, var(--fc-navy-2)); font-family: var(--fc-font); }
.fc-bar { max-width: 72rem; margin: 0 auto; padding: 0.9rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.fc-brand { display: inline-flex; align-items: center; gap: 0.6rem; text-decoration: none; color: #fff; font-weight: 700; font-size: 1.5rem; letter-spacing: -0.015em; line-height: 1; }
.fc-brand img { height: 36px; width: auto; display: block; }
.fc-brand b { font-weight: 300; color: #f7894a; }
.fc-brand .fc-site { font-weight: 500; font-size: 1.05rem; color: #c5d1df; padding-left: 0.7rem; margin-left: 0.1rem; border-left: 1px solid rgb(255 255 255 / 0.25); }
.fc-nav { display: flex; align-items: center; gap: 1.1rem; flex-wrap: wrap; }
.fc-nav a { color: #c5d1df; text-decoration: none; font-size: 0.95rem; }
.fc-nav a:hover, .fc-nav a:focus-visible { color: #fff; text-decoration: underline; }

.fc-footer { background: var(--fc-navy); color: #aebdd0; font-size: 0.9rem; font-family: var(--fc-font); margin-top: auto; }
.fc-footer .fc-bar { padding-block: 1.1rem; justify-content: flex-start; gap: 0.4rem 1.1rem; }
.fc-footer a { color: #dbe4ee; text-decoration: none; }
.fc-footer a:hover, .fc-footer a:focus-visible { text-decoration: underline; }

@media (max-width: 30rem) {
  .fc-brand { font-size: 1.3rem; }
  .fc-brand .fc-site { font-size: 0.95rem; }
}