/* ==========================================================================
   Generect — colors & type tokens (theme copy of /generect-v.1.0.1/colors_and_type.css)
   Fonts resolved relative to this stylesheet (assets/css/ → ../fonts/).
   ========================================================================== */

@font-face {
  font-family: "Murs Gothic";
  src: url("../fonts/mursgothic-widelight_w.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Murs Gothic";
  src: url("../fonts/mursgothic-widemedium_w.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Murs Gothic";
  src: url("../fonts/MursGothic-WideDark.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ───── Brand palette ───── */
  --brand-cream:        #F1EAE0;
  --brand-black:        #000000;
  --brand-near-black:   #0E0E0E;
  --brand-data-red:     #EC5134;
  --brand-gene-blue:    #5F6BDE;
  --brand-atomic-yellow:#F4BD38;
  --brand-light-gray:   #D9D9D9;
  --brand-shadow:       rgba(0,0,0,0.15);

  /* ───── Brand type ───── */
  --brand-font: "Murs Gothic", "Archivo", "Helvetica Neue", system-ui, sans-serif;
  --brand-letter-space: 0.02em;

  --brand-display: clamp(72px, 11vw, 207px);
  --brand-h1:      clamp(56px, 7.5vw, 145px);
  --brand-h2:      clamp(40px, 5vw, 79px);
  --brand-h3:      clamp(28px, 2.6vw, 40px);
  --brand-body-lg: clamp(20px, 1.7vw, 33px);
  --brand-body:    clamp(16px, 1.3vw, 25px);
  --brand-overline:clamp(14px, 1vw, 18px);
}

.brand-bg      { background: var(--brand-cream); color: var(--brand-black); }
.brand-bg-dark { background: var(--brand-black); color: var(--brand-cream); }