/**
 * @file
 * CSS for CSS variables.
 */




/**
 * ===== CSS VARIABLES =====
 */


/**/
:root {


  /**/
  --site--body--back-color--01: #F4F4F4; /* #ffffff */
  --site--body--back-color--02: #FFFFFF;


  /**/
  --site--body--back-color--inv--01: #222222;
  --site--body--back-color--inv--02: #444444;


  /**/
  --site--body--text-color--01: #111111; /* 1e1e1e = 01-02-03 */
  --site--body--text-color--02: #373737; /* 1e1e1e = 01-02-03 */
  --site--body--text-color--03: #888888; /* 1e1e1e = 01-02-03 */


  /**/
  --site--body--text-color--01--inv: RED;
  --site--body--text-color--inv--01: #FFFFFF;
  --site--body--text-color--inv--01: #FCFCFC;
  --site--body--text-color--inv--02: #DDDDDD;


  /**/
  --site--body--link-color--01: #111111; /* 1e1e1e = 01-02-03 */
  --site--body--link-color--02: #373737; /* 373737 = ... */


  /**/
  --site--form--back-color--01: #fbf6f0; /* 05-03-04 */
  --site--form--brdr-color--01: #557799; /* 03-01-01 */
  --site--form--brdr-color--02: #ff5308; /* 02-01-01 */
  --site--form--bttn-color--01: #ff5308; /* 02-01-01 */
  --site--form--bttn-color--02: #ffffff; /* 02-01-01 */


  /**/
  --site--field--back-color--01: #fbf6f0; /* 05-03-04 */
  --site--field--brdr-color--01: #ff5308; /* 02-01-01 */
  --site--field--link-color--01: #111111; /* 05-03-04 */
  --site--field--link-color--02: #ff5308; /* 02-01-01 */
  /**/
  --site--field--back-color--01: #FFFFFF; /* 05-03-04 */
  --site--field--brdr-color--01: #DDDDDD; /* 02-01-01 */
  --site--field--brdr-color--02: #CCCCCC; /* 02-01-01 */


  /**/
  --site--media--cptn-color--01: #373737; /* 01-02-02 */
  --site--media--crdt-color--01: #373737; /* 01-02-02 */




  /* MAIN - TRUE GRAY */
  --site--main--color--01-01-01: #777777; /* SST: pager */

  /* MAIN - TRUE GRAY - DARK */
  --site--main--color--01-02-01: #515151;
  --site--main--color--01-02-02: #373737; /* SST: ??? */
  --site--main--color--01-02-03: #1e1e1e; /* SST: text, menu, link, ... */
  --site--main--color--01-02-04: #040404; /* SST: ??? */

  /* MAIN - TRUE GRAY - BRIGHT */
  --site--main--color--01-03-01: #9d9d9d;
  --site--main--color--01-03-02: #b7b7b7; /* SST: ??? */
  --site--main--color--01-03-03: #d0d0d0; /* SST: fields */
  --site--main--color--01-03-04: #eaeaea; /* SST: teaser background, product header, drop down hover, facet background */




  /* MAIN - SST ORANGE */
  --site--main--color--02-01-01: #ff5308; /* SST: ALL - menu, buttons, links etc. */

  /* MAIN - SST ORANGE - DARK */
  --site--main--color--02-02-01: #bb3900;
  --site--main--color--02-02-02: #882900;
  --site--main--color--02-02-03: #551a00;
  --site--main--color--02-02-04: #220a00;

  /* MAIN - SST ORANGE - BRIGHT */
  --site--main--color--02-03-01: #ff8855;
  --site--main--color--02-03-02: #ffac88;
  --site--main--color--02-03-03: #ffcfbb;
  --site--main--color--02-03-04: #fff3ee; /* SST: BG */




  /* MAIN - DULL BLUE */
  --site--main--color--03-01-01: #557799; /* SST: ALL - headlines */

  /* MAIN - DULL BLUE - DARK */
  --site--main--color--03-02-01: #3a5168; /* SST: modal dialog, page legs */
  --site--main--color--03-02-02: #273747; /* SST: product teaser background, page foot */
  --site--main--color--03-02-03: #151e26; /* SST: ALL */
  --site--main--color--03-02-04: #030405; /* SST: ALL */

  /* MAIN - DULL BLUE - BRIGHT */
  --site--main--color--03-03-01: #819db9;
  --site--main--color--03-03-02: #a2b7cb;
  --site--main--color--03-03-03: #c3d0de; /* SST: ALL */
  --site--main--color--03-03-04: #e4eaf0; /* SST: BG, table row odd */


    

  /* MAIN - POOLSIDE GREEN */
  --site--main--color--04-01-01: #89a194;

  /* MAIN - POOLSIDE GREEN - DARK */
  --site--main--color--04-02-01: #627b6e;
  --site--main--color--04-02-02: #4c5f54;
  --site--main--color--04-02-03: #35433b;
  --site--main--color--04-02-04: #1e2622;

  /* MAIN - POOLSIDE GREEN - BRIGHT */
  --site--main--color--04-03-01: #b4c3bb;
  --site--main--color--04-03-02: #d0dad4;
  --site--main--color--04-03-03: #ecf0ee; /* SST: BG, product background, paragraph background */
  --site--main--color--04-03-04: #ffffff;




  /* MAIN - PUMPINHEAD ORANGE */
  --site--main--color--05-01-01: #cc883a;

  /* MAIN - PUMPINHEAD ORANGE - DARK */
  --site--main--color--05-02-01: #936026;
  --site--main--color--05-02-02: #6b461c;
  --site--main--color--05-02-03: #422b11;
  --site--main--color--05-02-04: #1a1107;

  /* MAIN - PUMPINHEAD ORANGE - BRIGHT */
  --site--main--color--05-03-01: #dcad77;
  --site--main--color--05-03-02: #e6c59f;
  --site--main--color--05-03-03: #f1dec8;
  --site--main--color--05-03-04: #fbf6f0; /* SST: BG, table row even */




  /* MAIN - DUSTY BROWN */
  --site--main--color--06-01-01: #a39382;

  /* MAIN - DUSTY BROWN - DARK */
  --site--main--color--06-02-01: #7d6d5c;
  --site--main--color--06-02-02: #5f5346;
  --site--main--color--06-02-03: #423a31;
  --site--main--color--06-02-04: #25201b;
  --site--main--color--06-02-05: #070605;

  /* MAIN - DUSTY BROWN - BRIGHT */
  --site--main--color--06-03-01: #c3b9ae;
  --site--main--color--06-03-02: #d9d2cb;
  --site--main--color--06-03-03: #efece9; /* SST: BG */


}


/* media */
@media (prefers-color-scheme:dark) {

  /**/
  :root {


    /**/
    /*
    --site--body--back-color--01: #222222;
    --site--body--back-color--02: #333333;
    */


    /**/
    /*
    --site--body--text-color--01: #FFFFFF;
    --site--body--text-color--02: #FFFFFF;
    */


    /**/
    /*
    --site--body--link-color--01: #FFFFFF;
    --site--body--link-color--02: #FFFFFF;
    */


    /**/
    /*
    --site--form--back-color--01: #333333;
    --site--form--back-color--02: #FFFFCC;
    */
    /**/
    /*
    --site--form--brdr-color--01: #FFFFFF;
    */

  }

}