/**
 * Dark theme
 *
 * 
 */

/* @import "core.css";
 * Trying to change the way this is loaded in.
 * It will now be loaded in through config.yaml
 * I'm trying this so that we can load the theme without all the styles in core.
 * */

:root {
  /* colors */
  --v-primary-base: #4682b4;
  --v-primary-lighten5: #d5ffff;
  --v-primary-lighten4: #b8efff;
  --v-primary-lighten3: #9cd2ff;
  --v-primary-lighten2: #7fb7ec;
  --v-primary-lighten1: #639cd0;
  --v-primary-darken1: #266999;
  --v-primary-darken2: #00517f;
  --v-primary-darken3: #003a66;
  --v-primary-darken4: #00254d;
  --v-secondary-base: #888888;
  --v-secondary-lighten5: #ffffff;
  --v-secondary-lighten4: #f5f5f5;
  --v-secondary-lighten3: #d9d9d9;
  --v-secondary-lighten2: #bdbdbd;
  --v-secondary-lighten1: #a2a2a2;
  --v-secondary-darken1: #6f6f6f;
  --v-secondary-darken2: #565656;
  --v-secondary-darken3: #3f3f3f;
  --v-secondary-darken4: #292929;
  --v-accent-base: #fa6304;
  --v-accent-lighten5: #fff096;
  --v-accent-lighten4: #ffd37b;
  --v-accent-lighten3: #ffb660;
  --v-accent-lighten2: #ff9a45;
  --v-accent-lighten1: #ff7e29;
  --v-accent-darken1: #d94700;
  --v-accent-darken2: #b92a00;
  --v-accent-darken3: #9a0000;
  --v-accent-darken4: #7d0000;
  --v-error-base: #ff5252;
  --v-error-lighten5: #ffe4d5;
  --v-error-lighten4: #ffc6b9;
  --v-error-lighten3: #ffa99e;
  --v-error-lighten2: #ff8c84;
  --v-error-lighten1: #ff6f6a;
  --v-error-darken1: #df323b;
  --v-error-darken2: #bf0025;
  --v-error-darken3: #9f0010;
  --v-error-darken4: #800000;
  --v-info-base: #2196f3;
  --v-info-lighten5: #d4ffff;
  --v-info-lighten4: #b5ffff;
  --v-info-lighten3: #95e8ff;
  --v-info-lighten2: #75ccff;
  --v-info-lighten1: #51b0ff;
  --v-info-darken1: #007cd6;
  --v-info-darken2: #0064ba;
  --v-info-darken3: #004d9f;
  --v-info-darken4: #003784;
  --v-success-base: #4caf50;
  --v-success-lighten5: #dcffd6;
  --v-success-lighten4: #beffba;
  --v-success-lighten3: #a2ff9e;
  --v-success-lighten2: #85e783;
  --v-success-lighten1: #69cb69;
  --v-success-darken1: #2d9437;
  --v-success-darken2: #00791e;
  --v-success-darken3: #006000;
  --v-success-darken4: #004700;
  --v-warning-base: #fb8c00;
  --v-warning-lighten5: #ffff9e;
  --v-warning-lighten4: #fffb82;
  --v-warning-lighten3: #ffdf67;
  --v-warning-lighten2: #ffc24b;
  --v-warning-lighten1: #ffa72d;
  --v-warning-darken1: #db7200;
  --v-warning-darken2: #bb5900;
  --v-warning-darken3: #9d4000;
  --v-warning-darken4: #802700;

  --dark-gradient: linear-gradient(0deg, var(--secondary-lighten5) 0%, var(--secondary-lighten4) 100%);

  /* Font Stuff */
  --font-main: montserrat;
  --weight-default: 300;
  --weight-100: 100;
  --weight-light: 200;
  --weight-400: 400;
  --weight-bold: 600;

  --radius: 3px;

  /* Shadows */
  --shadow-bottom: 0px 3px 13px 2px var(--bg-primary);
  --shadow-full: 0px 7px 11px 0px #4c4c4c;
}