/*
 * Design tokens shared by the admin panel and the public site (docs/design/screens).
 *
 * Fonts are self-hosted from @fontsource 5.3.0 (SIL Open Font License 1.1, licences next to the files in
 * /assets/fonts/). Each unicode-range is the one the package's CSS gives for the same subset and weight.
 */

:root {
  --bg: #0F2B23;
  --bg-deep: #0B211B;
  --surface: #173A30;
  --raised: #1F4A3D;
  --border: #2C5A4B;
  --text: #F6F1E1;
  --muted: #A9C2B6;
  --gold: #F5B942;
  --on-gold: #1A1405;
  --gold-hover: #FFD27A;
  --blue: #8CCBF2;
  --danger: #FF7A66;
  --success: #8FE0B0;
  --font-text: 'Noto Sans Armenian', 'Noto Sans', sans-serif;
  --font-number: 'Big Shoulders Display', 'Noto Sans', sans-serif;
}

@font-face {
  font-family: 'Noto Sans Armenian';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/fonts/noto-sans-armenian-armenian-400-normal-cfa60ea680b206fb05db12bf1cfa72ad.woff2') format('woff2');
  unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}

@font-face {
  font-family: 'Noto Sans Armenian';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/assets/fonts/noto-sans-armenian-armenian-500-normal-26a99894aaa40d6463bccf9b83a6cb4b.woff2') format('woff2');
  unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}

@font-face {
  font-family: 'Noto Sans Armenian';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('/assets/fonts/noto-sans-armenian-armenian-600-normal-21c7ecd9130f6d98946302f6b149b0b2.woff2') format('woff2');
  unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}

@font-face {
  font-family: 'Noto Sans Armenian';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/assets/fonts/noto-sans-armenian-armenian-700-normal-a3a533accf44afe177eb222ae243421b.woff2') format('woff2');
  unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/fonts/noto-sans-latin-400-normal-876b269d87ea4f75e4d5488db9dd7d41.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;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/assets/fonts/noto-sans-latin-500-normal-03e3200a759d01de80320f79f2c090f7.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;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('/assets/fonts/noto-sans-latin-600-normal-4d5bf5348b839d9e8c6414146aa6b93f.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;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/assets/fonts/noto-sans-latin-700-normal-8a4f634102a03f0e0e0a16ff1a3cc010.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;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/fonts/noto-sans-cyrillic-400-normal-e9de536a12e20bb83dba9e5a4b150120.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/assets/fonts/noto-sans-cyrillic-500-normal-2de0432165e8aebfafcdd9a4284b2b62.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('/assets/fonts/noto-sans-cyrillic-600-normal-cb3144d406ed2c26c58c7b8b72a1be93.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/assets/fonts/noto-sans-cyrillic-700-normal-d563f7791d49d45dc7dc55fd19acba84.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/assets/fonts/big-shoulders-display-latin-700-normal-677f0a8821e508356d9c61a8d2c72627.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;
}

@font-face {
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url('/assets/fonts/big-shoulders-display-latin-900-normal-9ec6b61a97652f149e03027a171c9934.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;
}

/* Every number is set in the number font. */
.num {
  font-family: var(--font-number);
  font-weight: 900;
}

/* Hidden on screen, still read by screen readers. */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}