/* Values borrowed from packages/classroom-ui/src/styles/_foundation.scss.
   This static website intentionally has no classroom app dependency. */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('./fonts/open-sans-latin.woff2') format('woff2');
}

:root {
  --classroom-navy-950: #002c43;
  --classroom-navy-800: #003a58;
  --classroom-blue-50: #eef4f9;
  --classroom-white: #ffffff;
  --classroom-ink: #14232e;
  --classroom-muted: #5b6b76;
  --classroom-line: #dfe8ee;
  --classroom-gold: #fec30c;
  --ui-canvas: var(--classroom-blue-50);
  --ui-surface: var(--classroom-white);
  --ui-text: var(--classroom-ink);
  --ui-text-muted: var(--classroom-muted);
  --ui-border: var(--classroom-line);
  --ui-primary: var(--classroom-navy-800);
  --ui-primary-hover: var(--classroom-navy-950);
  --ui-focus: var(--classroom-gold);
  font-family: 'Open Sans', system-ui, sans-serif;
  color: var(--ui-text);
  background: var(--ui-canvas);
  font-synthesis: none;
  line-height: 1.5;
}