@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";

:host {
  all: initial; /* 1st rule so subsequent properties are reset. */
  //TAMU logo specification
  --tl-logo-img-width: 52px;
  --tl-logo-img-height: 36px;
  --tl-logo-img-margin: 0 0 0 0;

  // Default TL Colors Variables
  --tl-black: #000;
  --tl-deep-yellow: #ffc222;
  --tl-grey: #ededed;
  --tl-deep-grey: #4d4d4d;
  --tl-white: rgb(255, 255, 255);

  --tl-primary: rgb(80, 0, 0);
  --tl-primary-dark-accent: #3C0001;
  --tl-secondary: rgb(38, 90, 135);
  --tl-info: rgb(91, 192, 222);
  --tl-info-light-accent: rgb(91, 192, 222);
  --tl-warning: rgb(255, 194, 34);
  --tl-warning-light-accent: rgb(255, 232, 170);
  --tl-danger: rgb(228, 0, 43);
  --tl-danger-light-accent: rgb(255, 219, 226);
  --tl-success: rgb(0, 189, 50);
  --tl-success-light-accent: rgb(214, 255, 224);
  --tl-light: rgb(255, 255, 255);
  --tl-dark: rgb(77, 77, 77);

  // Default TL Font Variables
  --tl-default-font-size: 16px;
  --tl-default-font-family-sans-serif: 'Lato', sans-serif;

  --tl-font-family-sans-serif: var(--tl-default-font-family-sans-serif);
  --tl-font-size: var(--tl-default-font-size);

  // custom defining the header variables
  --tl-h1-font-size: calc(var(--tl-font-size)*2.25); // font-size: 2.25em !important; - https://library-new.library.tamu.edu/
  --tl-h2-font-size: calc(var(--tl-font-size)*1.5);
  --tl-h3-font-size: calc(var(--tl-font-size)*1.17);
  --tl-h4-font-size: calc(var(--tl-font-size)*1);
  --tl-h5-font-size: calc(var(--tl-font-size)*0.83);
  --tl-h6-font-size: calc(var(--tl-font-size)*0.67);

  // custom font size for nav-list items
  --tl-nav-item-font-size: calc(var(--tl-font-size)*0.875);
  --tl-text-node-font-size: calc(var(--tl-font-size)*0.875);

  --wvr-font-family-sans-serif: var(--tl-font-family-sans-serif);

  font-family: var(--tl-font-family-sans-serif);
  font-size: var(--tl-font-size);

}