/* ===================================================
=================== BRAND BASE =======================
Brand tokens + the TWK Everett webfont set.
Loaded by both client/layout.html and
client/login_layout.html, so anything the logged-out
pages need must live here rather than in style.css.
==================================================== */

/* ===================================================
================ TWK EVERETT WEBFONTS ================
Licensed from Weltkern. Do not redistribute the font
files outside of this application.
Generated from the OTF originals (woff2 + woff).
==================================================== */

/* Hairline */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Hairline.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Hairline.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

/* Hairline Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-HairlineItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-HairlineItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap; }

/* Thin */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Thin.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Thin.woff') format('woff');
  font-weight: 150;
  font-style: normal;
  font-display: swap; }

/* Thin Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-ThinItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-ThinItalic.woff') format('woff');
  font-weight: 150;
  font-style: italic;
  font-display: swap; }

/* Ultralight */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Ultralight.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Ultralight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap; }

/* Ultralight Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-UltralightItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-UltralightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap; }

/* Light */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Light.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

/* Light Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-LightItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

/* Regular */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Regular.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

/* Regular Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-RegularItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-RegularItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

/* Medium */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Medium.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

/* Medium Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-MediumItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

/* Bold */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Bold.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

/* Bold Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-BoldItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap; }

/* Extrabold */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Extrabold.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Extrabold.woff') format('woff');
  font-weight: 750;
  font-style: normal;
  font-display: swap; }

/* Extrabold Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-ExtraboldItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-ExtraboldItalic.woff') format('woff');
  font-weight: 750;
  font-style: italic;
  font-display: swap; }

/* Black */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Black.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Black.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

/* Black Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-BlackItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-BlackItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap; }

/* Super */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-Super.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-Super.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

/* Super Italic */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/twk-everett/TWKEverett-SuperItalic.woff2') format('woff2'),
       url('../fonts/twk-everett/TWKEverett-SuperItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

/* ===================================================
=================== BRAND PALETTE ====================
==================================================== */
:root {
  --ga-orange: #FF5C31;
  --ga-blue: #004e7c;
  --ga-yellow: #ffd21e;
  --ga-ink: #030303;
  --ga-panel: #F7F8F2;
  --ga-font: 'TWK Everett', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

body {
  font-family: var(--ga-font); }