/* =====================================================
   theme.css  -  Theme: CSS variables + dark/light palettes
   Split from gpnotesv4.css (original lines 1-88)
   ===================================================== */

body {
  /* default dark theme*/
  --first-layer: #01ff8deb;
  --second-layer: white;
  --third-layer: rgb(0, 255, 234);
  --forth-layer: #ffd500;
  --fifth-layer: rgb(255, 119, 232);
  --sixth-layer: rgb(255, 110, 146);
  --seventh-layer: rgb(118, 139, 255);
  --eight-layer: rgb(173, 255, 111);
  --color1: #eeeeee;
  --color2: rgb(26, 26, 26);
  --color3: grey;
  --color4: rgb(48, 48, 48);
  --color5: rgba(109, 109, 109, 0.353);

  --submitColor: rgb(61, 123, 216);
  --searchColor: rgb(48, 48, 48);
  --logoColor: #eeeeee;
  --subdivColor1: #333333;
  --subdivColor2: #222222;
  /* background-image: url("../images/background_image_dark.webp"); */
  background-color: #121212;
  /* Dark base color */
  background-image:
    repeating-linear-gradient(-37deg,
      /* Angle of the lines */
      #1e1e1e,
      /* Line color */
      #1e1e1e 1px,
      /* Line thickness */
      transparent 1px,
      /* Space after line */
      transparent 8px
      /* Distance between lines */
    );

  margin: 0px auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --buttonFontWeight: 400;
  --headerColor: linear-gradient(135deg,
      rgb(1, 92, 203),
      rgb(218, 58, 98),
      rgb(200, 22, 170));
  --topNavActive: linear-gradient(134deg,
      rgb(171, 7, 135),
      rgb(130, 1, 102));

}

body.light {
  --first-layer: #02b263eb;
  --second-layer: #555555;
  --third-layer: rgb(5, 163, 150);
  --forth-layer: #bb9c1e;
  --fifth-layer: rgb(188, 66, 167);
  --sixth-layer: rgb(237, 62, 106);
  --seventh-layer: rgb(93, 117, 255);
  --eight-layer: rgb(103, 148, 68);
  --color1: rgb(19, 19, 19);
  --color2: #ffffff;
  --color3: grey;
  --color4: #eeeeee;
  --logoColor: #dddddd;
  --subdivColor1: #eeeeee;
  --subdivColor2: #ffffff;

  --submitColor: rgb(61, 123, 216);
  --searchColor: rgb(239, 239, 239);
  background-color: #f5f5f5;
  /* Dark base color */
  background-image:
    repeating-linear-gradient(-37deg,
      /* Angle of the lines */
      #ededed,
      /* Line color */
      #ededed 1px,
      /* Line thickness */
      transparent 1px,
      /* Space after line */
      transparent 8px
      /* Distance between lines */
    );
  --buttonFontWeight: 600;

}