/* You can add global styles to this file, and also import other style files */

@import "normalize.css";
@import "styles/_custom-reset.scss";

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }


body {
  box-sizing: border-box;

  //--theme-color-background: #1f1f1f;
  --theme-color-background: #fff;
  //--theme-color-on-background: #e3e3e3;
  --theme-color-on-background: #1f1f1f;
  //--theme-color-surface-1: #282928;
  --theme-color-surface-1: #faf8fd;
  //--theme-color-primary: #a8c7fa;
  --theme-color-primary: #0b57d0;
  //--theme-color-on-primary: #062e6f;
  --theme-color-on-primary: #fff;

  --theme-color-secondary-container: #c2e7ff;
  --theme-color-on-surface: #1f1f1f;


  --theme-title-l-font-family: "Google Sans Text", sans-serif;
  --theme-title-l-line-height: 30px;
  --theme-title-l-font-size: 22px;
  --theme-title-l-font-weight: 400;

  --theme-headline-s-font-size: 24px;
  --theme-headline-s-font-weight: 475;
  --theme-headline-s-letter-spacing: 0;



  --theme-display-l-font-size: 57px;
  --theme-display-l-line-height: 1;

  --theme-hero-font-size: 112px;
  --theme-hero-line-height: 112px;
  --theme-hero-font-weight: 475;
  --theme-hero-letter-spacing: normal;

  --min-row-height: 320px;


  .mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: var(--theme-color-primary);
    --mdc-filled-button-label-text-color: var(--theme-color-on-primary);
  }

  background: var(--theme-color-background);

}

// Main styling
.content-container {
  max-width: 1200px;
  width: 100%;
}

.section {
  margin: 96px 0;
}

