@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto+Condensed:wght@300;400;700&display=swap");

:root {
  /* Brand palette — per BGR Brand Guide v1.2 */
  --bgr-green: #A1CD30;            /* Pantone 375 C */
  --bgr-green-bright: #B8DC4D;     /* lighter tint of brand green */
  --bgr-teal: #069692;             /* Pantone 7716 C */
  --bgr-teal-deep: #035250;        /* darkened teal for ink-on-light */
  --bgr-orange: #F17A29;           /* Pantone 151 C */
  --bgr-orange-hot: #FF8E3D;       /* hover/accent */

  --bgr-cream: #F4F2EA;
  --bgr-paper: #FFFFFF;
  --bgr-ink: #0C2624;              /* tinted near-black, brand-aligned */
  --bgr-ink-soft: #1a3a37;
  --bgr-muted: #6b7a78;

  /* Typography — Montserrat (display + body) + Roboto Condensed (subheads) */
  --font-display: "Montserrat", system-ui, sans-serif;   /* use 800 ExtraBold */
  --font-heavy: "Montserrat", system-ui, sans-serif;     /* 700 Bold */
  --font-body: "Montserrat", system-ui, sans-serif;      /* 400/500 */
  --font-sub: "Roboto Condensed", system-ui, sans-serif; /* sub-headings */
  --font-mono: "Roboto Condensed", ui-monospace, monospace;

  --border: 2px solid var(--bgr-ink);
  --border-cream: 2px solid var(--bgr-cream);
  --border-thin: 1px solid var(--bgr-ink);

  --radius: 0;
  --radius-pill: 999px;

  --pad-sm: 12px;
  --pad: 24px;
  --pad-lg: 48px;
  --pad-xl: 96px;

  --max: 1440px;

  --ease: cubic-bezier(.2,.7,0,1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--bgr-cream); color: var(--bgr-ink); }
body { font-family: var(--font-body); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, video, iframe { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
input, textarea, select { font: inherit; color: inherit; }
::selection { background: var(--bgr-green); color: var(--bgr-ink); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
