/* 300 brand: tokens and type (2026-10-13; type switched 2026-10-16).
 * The 300 mark comes from Northeastern's branding team (brand/300/). Colours
 * are Northeastern's own (brand.northeastern.edu). Type is FF Real Head Pro,
 * Northeastern's typeface, from its brand team (brand/fonts/realhead/README.md).
 * Each face covers a range of weights: Semilight up to 449, Medium 450-549,
 * Demibold 550-649 (Northeastern's weight for official lockups), Bold from 650
 * (headlines; Clare Horn, 2026-10-19). Black, white and red lead;
 * Cool Black and Canvas are the soft versions of black and white. */
@font-face { font-family: "Real Head Pro"; font-style: normal; font-weight: 100 449; font-display: swap; src: url("/300-hackathon/a/fonts/RealHeadPro-Semilight.woff2") format("woff2"); }
@font-face { font-family: "Real Head Pro"; font-style: normal; font-weight: 450 549; font-display: swap; src: url("/300-hackathon/a/fonts/RealHeadPro-Medium.woff2") format("woff2"); }
@font-face { font-family: "Real Head Pro"; font-style: normal; font-weight: 550 649; font-display: swap; src: url("/300-hackathon/a/fonts/RealHeadPro-Demibold.woff2") format("woff2"); }
@font-face { font-family: "Real Head Pro"; font-style: normal; font-weight: 650 900; font-display: swap; src: url("/300-hackathon/a/fonts/RealHeadPro-Bold.woff2") format("woff2"); }
@font-face { font-family: "Real Head Pro"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/300-hackathon/a/fonts/RealHeadPro-RegularItalic.woff2") format("woff2"); }

:root {
  /* Northeastern's colours */
  --nu-red: #C8102E;
  --nu-black: #000000;
  --nu-cool-black: #1E2028;
  --nu-canvas: #F6F6F4;
  --nu-white: #FFFFFF;
  /* greys between them, for hairlines and quiet text */
  --grey-900: #15161C; --grey-800: #2A2C35; --grey-600: #5B5E69; --grey-400: #9A9CA5; --grey-200: #D9D9D6;
  --type: "Real Head Pro", "Helvetica Neue", Arial, sans-serif;
  /* the type scale */
  --t-display: clamp(3rem, 9vw, 7.5rem);
  --t-h1: clamp(2.4rem, 5.5vw, 4.4rem);
  --t-h2: clamp(1.7rem, 3.2vw, 2.6rem);
  --t-h3: 1.25rem;
  --t-body: 1.0625rem;
  --t-small: 0.875rem;
  --t-label: 0.75rem;
}
/* Labels: capitals, opened up. The one place tracking is used. */
.b-label { font: 600 var(--t-label)/1.2 var(--type); letter-spacing: 0.14em; text-transform: uppercase; }