@import "https://cdn.jsdelivr.net/npm/@awesome.me/webawesome@3.9.0/dist/styles/themes/default.css";
/* Atkinson Hyperlegible Next (SIL OFL 1.1, src/fonts/OFL.txt), self-hosted: upstream loads it from
   Google Fonts, which makes every page request fonts.googleapis.com. Same variable font files. */

:root {
    font-family: "Atkinson Hyperlegible Next", "Inter", "Noto Sans", sans-serif;
    --font-family-ui: "Atkinson Hyperlegible Next", "Inter", "Noto Sans", sans-serif;
    --wa-font-family-body: "Atkinson Hyperlegible Next", "Inter", "Noto Sans", sans-serif;
    --solid-ui-color-primary: #7c4dff;
    --solid-ui-color-primary-hover: var(--solid-ui-color-lavender-300);
    --solid-ui-color-primary-selected: var(--solid-ui-color-lavender-400);
    --solid-ui-color-tertiary: #083575;
    --solid-ui-color-white: #ffffff;
    --solid-ui-color-error: #b00020;

    --solid-ui-color-gray-100: #f3f4f6;
    --solid-ui-color-gray-200: #cbd5e1;
    --solid-ui-color-gray-400: #99a1af;
    --solid-ui-color-gray-500: #6a7282;
    --solid-ui-color-gray-600: #4a5565;
    --solid-ui-color-gray-700: #364153;
    --solid-ui-color-gray-800: #101828;

    --solid-ui-color-slate-50: #f8fafc;
    --solid-ui-color-slate-200: #e2e8f0;
    --solid-ui-color-slate-400: #90a1b9;
    --solid-ui-color-slate-800: #1d293d;

    --solid-ui-color-lavender-300: #e6dcff;
    --solid-ui-color-lavender-400: #cbb9ff;

    --solid-ui-color-red-500: #fb2c36;

    --solid-ui-color-body-grey: #666;

    --solid-ui-font-size-xs: 0.75rem;  /* 12px */
    --solid-ui-font-size-sm: 0.875rem; /* 14px */
    --solid-ui-font-size-md: 1rem;     /* 16px */
    --solid-ui-font-size-lg: 1.125rem; /* 18px */
    --solid-ui-font-size-xl: 1.25rem;  /* 20px */
    --solid-ui-font-size-2xl: 1.5rem;  /* 24px */

    --solid-ui-clickable-area: 42px;
}

@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/atkinson-hyperlegible-next-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/atkinson-hyperlegible-next-latin.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;
}