@import url(https://fonts.bunny.net/css?family=gugi);

html.destiny-2 {
  /* Variable Overrides */
  --app-styling-background: #12171c;
  --color-palette-blue-greys-200: rgba(33, 40, 51, 1);
  --color-palette-blue-greys-200-08: rgba(33, 40, 51, .8);
  --color-palette-blue-greys-400: rgba(33, 40, 51, .6);
  --input-buttons-primary-bg-bungie: rgba(183, 140, 37, .8);
  --input-buttons-primary-border-bungie: #ffce1f;

  --text-colors-default: rgb(245, 245, 245);
  --ui-text: var(--text-colors-default);
  /* --color-neutral-100: var(--bungie-form-bg);
  --color-neutral-900: var(--text-colors-default); */

  --bungie-text-yellow: rgba(255, 206, 31, .8);
  --bungie-text-yellow-alt: #f5dc56;
  --bungie-dark: #192127;
  --bungie-dark-80: rgba(25, 33, 39, .8);
  /* --bungie-dark-80: rgb(79, 47, 7, .8); */
  --bungie-form-bg: #2e3432;

  /* Act I */
  /* --bungie-season-highlight: rgb(184, 51, 48); */
  /* --bungie-season-highlight-70: rgba(184, 51, 48, .7); */

  /* Act 3 */
  /* --bungie-season-highlight: rgb(184, 51, 48);
  --bungie-season-highlight-70: rgba(184, 51, 48, .7);
  --bungie-season-border-gradient: linear-gradient(
      270deg, rgb(173, 230, 207)
      0%, rgb(95, 191, 200)
      46.5%, rgb(119, 195, 154)
      57%, rgb(28, 102, 81)
      100%
    ) 0% 0% / calc(100vw); */

  /* Edge Of Fate */
  --bungie-season-border: 1px solid rgb(173, 223, 231);
  --bungie-season-box-shadow: rgba(173, 223, 231, 0.5) 0px 0px 15px 0px, rgba(173, 223, 231, 0.5) 0px 0px 32px 0px;
  --bungie-season-highlight: rgb(173, 223, 231);
    --bungie-season-highlight-70: rgb(59, 133, 146);
    /* Blue - Red */
    /*--bungie-season-border-gradient: linear-gradient(
      270deg, rgb(195, 72, 44)
      0%, rgb(194, 85, 66)
      46.7%, rgb(45, 82, 88)
      53.38%, rgb(45, 82, 88) 100%
    );*/
    /* Orange - Blue */
    --bungie-season-border-gradient: linear-gradient(
      270deg, rgb(173, 223, 231)
      0%, rgb(84, 118, 137)
      46.5%, rgb(225, 171, 106)
      57%, rgb(173, 90, 62)
      100%
    ) 0% 0% / calc(100vw);

  /* Guardian Games */
  /* --bungie-season-highlight: rgb(242, 170, 6);
  --bungie-season-highlight-red: rgb(181, 50, 56);
  --bungie-season-highlight-red-70: rgb(181, 50, 56, .7);
  --bungie-season-highlight-yellow: rgb(242, 170, 6);
  --bungie-season-highlight-yellow-70: rgb(181, 50, 56, .7);
  --bungie-season-highlight-blue: rgb(35, 103, 164);
  --bungie-season-highlight-blue-70: rgb(35, 103, 164, .7);
  --bungie-season-highlight-gradient: linear-gradient(90deg,
        var(--bungie-season-highlight-red) 0%,
        var(--bungie-season-highlight-red) 33.3%,
        var(--bungie-season-highlight-blue) 33.3%,
        var(--bungie-season-highlight-blue) 66.6%,
        var(--bungie-season-highlight-yellow) 66.6%,
        var(--bungie-season-highlight-yellow) 100%);
  --bungie-season-border-gradient: linear-gradient(
    270deg, rgb(255, 223, 186)
    0%, rgb(255, 215, 150)
    46.5%, rgb(240, 190, 90)
    57%, rgb(200, 140, 50)
    100%
    ) 0% 0% / calc(100vw);
  */

  --button-primary-bg: hsla(0, 0%, 96%, 0.2);
  --button-primary-border: #f5f5f5;
  --button-primary-color: #f5f5f5;
  --button-primary-hover-bg: #f5f5f5;
  --button-primary-hover-color: #12171c;

  --button-secondary-bg: var(--input-buttons-primary-bg-bungie);
  --button-secondary-border: var(--input-buttons-primary-border-bungie);
  --button-secondary-color: #f5f5f5;
  --button-secondary-hover-bg: #b78c25;
  --button-secondary-hover-color: #f5f5f5;

  &:root{
    --primary-font-family: neue-haas-grotesk-text, sans-serif;
    & body {
      font-family: var(--primary-font-family);
      font-weight: 400;
    }
  }
}

@font-face {
  font-family: 'Syncopate';
  src: url('/fonts/Syncopate/Syncopate-Regular.woff2') format('woff2'),
    url('/fonts/Syncopate/Syncopate-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Syncopate';
  src: url('/fonts/Syncopate/Syncopate-Bold.woff2') format('woff2'),
    url('/fonts/Syncopate/Syncopate-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}