/*
 * Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.
 * See LICENSE in the project root for license information.
 */

:root {
  /* Colors */
  --text-color: rgb(33, 37, 41);
  --link-color: #2196f3;
  --separator-color: #f7f7f7;

  --padding: 16px;
  --padding-xxl: calc(var(--padding) * 4);
  --padding-xl: calc(var(--padding) * 2);
  --padding-lg: calc(var(--padding) * 1.5);
  --padding-sm: calc(var(--padding) / 2);
  --padding-xs: calc(var(--padding-sm) / 2);
  --padding-xxs: calc(var(--padding-xs) / 2);

  --font-family: Calibre, Helvetica, "Libre Franklin", "Computer Modern Serif", "Open Sans", sans-serif;
  --font-family-secondary: "Libre Franklin";

  --font-size: 16px;
  --font-size-xxl: 24px;
  --font-size-xl: 20px;
  --font-size-lg: 18px;
  --font-size-sm: 14px;
  --font-size-xs: 12px;

  --font-weight-light: 300;

  --line-height: 2em;
  --header-height: 60px;

  --auth-font-family: "Libre Franklin";
}

html {
  position: relative; 
}

body {
  margin: 0;
  padding: 0;
  font-family: Calibre, Helvetica, "Libre Franklin", "Computer Modern Serif", "Open Sans", sans-serif;
  color: rgb(33, 37, 41);
  background: white;
  width: 100%;
  max-width: 100%;
}

mwc-button {
  --mdc-theme-primary: black;
  --mdc-theme-on-primary: black;
}

paper-spinner {
  --paper-spinner-stroke-width: 4px;
  --paper-spinner-color: orange;
  width: 60px;
  height: 60px;
}

writefull-addin {
  width: 100%;
  max-width: 100%;
}