/* ============================================================
   BRAND CONFIG — the only file to edit for colors, fonts, logo.
   (Name, tagline and links live next door in brand.js.)
   ============================================================ */
@font-face { font-family: "Spectral"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/spectral-500.woff2") format("woff2"); }
@font-face { font-family: "Spectral"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/spectral-600.woff2") format("woff2"); }

:root {
  /* Core brand colors (Present CRM logo v3) */
  --brand-primary: #183b28;        /* forest green — header, buttons, headings */
  --brand-primary-hover: #0f2a1c;
  --brand-on-primary: #f7f5ea;     /* text on green */
  --brand-cream: #f0eee1;          /* logo background — page background */
  --brand-accent: #c9b46a;         /* gold dot — highlights, focus ring */
  --brand-accent-soft: #ece4bf;

  /* Surfaces & text */
  --bg: var(--brand-cream);
  --surface: #fbfaf4;
  --surface-2: #e7e4d3;
  --border: #d9d5c0;
  --text: #1c2620;
  --text-muted: #56615a;

  /* Type */
  --font-heading: "Spectral", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Status / type colors */
  --bug: #a8322a;
  --bug-bg: #f6e1dc;
  --feature: #1f5a3c;
  --feature-bg: #dcebdf;
  --col-submitted: #8a8466;
  --col-planned: #c9b46a;
  --col-in_progress: #2f6f8f;
  --col-done: #183b28;

  /* Logo (header). Swap the file, keep the path — or point these elsewhere. */
  --logo-height: 40px;
}