/* Signal Box Prints — brand basics
   Paths assume this file sits in /css and the fonts in /fonts. */

@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/quicksand-latin-600-normal.woff2") format("woff2"),
       url("../fonts/quicksand-latin-600-normal.woff") format("woff");
}

@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/quicksand-latin-700-normal.woff2") format("woff2"),
       url("../fonts/quicksand-latin-700-normal.woff") format("woff");
}

:root {
  /* Colours */
  --sb-ink: #1B1F23;        /* text, roof, layer lines */
  --sb-green: #1E5B3E;      /* signal box band, accents, buttons */
  --sb-white: #FFFFFF;      /* background */
  --sb-grey: #5A5F66;       /* secondary text (passes contrast on white) */
  --sb-paper: #F4F1EA;      /* optional warm section background */

  /* Type */
  --sb-font-display: "Quicksand", "Nunito", "Segoe UI", system-ui, sans-serif;
  --sb-font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
  margin: 0;
  background: var(--sb-white);
  color: var(--sb-ink);
  font-family: var(--sb-font-body);
  line-height: 1.6;
}

h1, h2, h3 {
  font-family: var(--sb-font-display);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

a { color: var(--sb-green); }
a:hover { color: var(--sb-ink); }

.sb-button {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  border-radius: 999px;
  background: var(--sb-green);
  color: var(--sb-white);
  font-family: var(--sb-font-display);
  font-weight: 700;
  text-decoration: none;
}
.sb-button:hover { background: var(--sb-ink); color: var(--sb-white); }