/* The page itself: self-hosted fonts, type, colour and focus for everything, so a screen
   inherits the identity rather than restating it. Tokens only (see tokens.css). */

/* changa-latin-ext-700-normal */
@font-face {
  font-family: "Changa";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/fonts/changa-latin-ext-700-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* changa-latin-700-normal */
@font-face {
  font-family: "Changa";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/fonts/changa-latin-700-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* source-sans-3-latin-ext-wght-normal */
@font-face {
  font-family: "Source Sans 3 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(/static/fonts/source-sans-3-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* source-sans-3-latin-wght-normal */
@font-face {
  font-family: "Source Sans 3 Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url(/static/fonts/source-sans-3-latin-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  color: var(--ink);
  background: var(--ground);
  /* Figures line up in every table and form. */
  font-variant-numeric: tabular-nums;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-heading);
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

a {
  color: var(--brand);
}

/* Form controls do not inherit the page font by default; family only, so no control's size,
   weight or line-height changes. */
button, input, select, textarea {
  font-family: inherit;
}

/* Doubled ring: the federation's light-blue ring, with a brand-blue ring outside it so it
   also reads on white. The focus ring's box-shadow (the other is the lead dot in report.css). */
:focus-visible {
  outline: var(--focus-width) solid var(--focus);
  outline-offset: var(--border-width-strong);
  box-shadow: 0 0 0 calc(var(--focus-width) + var(--border-width-strong) * 2) var(--brand);
}