/* Global customization */

@font-face {
    font-family: 'TWK Everett';
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url('fonts/TWKEverett-Light-web.woff2') format('woff2'), url('fonts/TWKEverett-Light-web.woff') format('woff'), url('fonts/TWKEverett-Light-web.ttf') format('truetype');
}

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

@font-face {
    font-family: 'TWK Everett';
    font-style: normal;
    font-weight: 200;
    font-display: auto;
    src: url('fonts/TWKEverett-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'TWK Everett';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('fonts/TWKEverett-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'TWK Everett';
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src: url('fonts/TWKEverett-Book.woff2') format('woff2');
}

@font-face {
    font-family: 'TWK Everett';
    font-style: normal;
    font-weight: 600;
    font-display: auto;
    src: url('fonts/TWKEverett-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'TWK Everett';
    font-style: normal;
    font-weight: bold;
    font-display: auto;
    src: url('fonts/TWKEverett-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'TWK Everett';
    font-style: normal;
    font-weight: 700;
    font-display: auto;
    src: url('fonts/TWKEverett-Extrabold.woff2') format('woff2');
}

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

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

header.gdoc-header {
  border-bottom: none;
}

:root {
  --code-max-height: 60rem;

  --header-font-family: "TWK Everett";
  --body-font-family: "TWK Everett";
  --code-font-family: "TWK Everett";
}


:root[color-theme="light"] {
  --header-background: #F9FAFB;
  --header-font-color: #64C2CD;
  --accent-color-lite: #F9FAFB;
}
@media (prefers-color-scheme: light) {
  :root {
  --header-background: #F9FAFB;
  --header-font-color: #64C2CD;
  --accent-color-lite: #F9FAFB;
}
}

:root[color-theme="dark"] {
  --header-background: #F9FAFB;
  --header-font-color: #64C2CD;
}
@media (prefers-color-scheme: dark) {
:root {
  --header-background: #F9FAFB;
  --header-font-color: #64C2CD;
}
}