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




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


/**/
:root {


  /**/
  --site--body--back-color--01: #FEFEFE;
  --site--body--back-color--02: var(--site--main--color--04-05);
  /**/
  --site--body--back-color--01--inv: #111111;
  --site--body--back-color--02--inv: var(--site--main--color--03-01);


  /**/
  --site--body--text-color--01: #222222;
  --site--body--text-color--02: var(--site--main--color--03-01);
  /**/  
  --site--body--text-color--01--fix: #222222;
  --site--body--text-color--02--fix: #666666;
  /**/  
  --site--body--text-color--01--inv: #FFFFFF;
  --site--body--text-color--02--inv: var(--site--main--color--03-05);


  /**/
  --site--body--link-color--01: var(--site--main--color--03-01);
  --site--body--link-color--02: var(--site--main--color--04-03);
  --site--body--link-color--03: var(--site--main--color--01-03);
  /**/
  --site--body--link-color--01--inv: #FFFFFF;
  --site--body--link-color--02--inv: var(--site--main--color--04-03);
  --site--body--link-color--02--inv: var(--site--main--color--01-03);


  /**/
  --site--bttn--back-color--01: var(--site--main--color--03-01);
  --site--bttn--text-color--01: #FFFFFF;
  /**/
  --site--bttn--back-color--02: var(--site--main--color--04-03);
  --site--bttn--text-color--02: #FFFFFF;
  /**/
  --site--bttn--back-color--03: var(--site--main--color--01-03);
  --site--bttn--text-color--03: #FFFFFF;


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

  /**/
  --site--form--brdr-color--01: #DDDDDD;
  --site--form--brdr-color--01: #CCCCCC;




  /* MAIN - GRAY */
  --site--main--color--00-01: #CCCCCC;
  --site--main--color--00-02: #CCCCCC;
  --site--main--color--00-03: #CCCCCC;
  --site--main--color--00-04: #CCCCCC;
  --site--main--color--00-05: #CCCCCC;


  /* MAIN - PINK */
  --site--main--color--01-01: Hotpink;
  --site--main--color--01-02: Hotpink;
  --site--main--color--01-03: #FF5AFF;
  --site--main--color--01-04: Hotpink;
  --site--main--color--01-05: Hotpink;


  /* MAIN - YELLOW - NiU  */
  --site--main--color--02-01: Yellow;
  --site--main--color--02-02: Yellow;
  --site--main--color--02-03: Yellow;
  --site--main--color--02-04: Yellow;
  --site--main--color--02-05: Yellow;


  /* MAIN - PETROL  */
  --site--main--color--03-01: #1D4A5B;
  --site--main--color--03-02: DarkSlateGrey;
  --site--main--color--03-03: DarkSlateGrey;
  --site--main--color--03-04: DarkSlateGrey;
  --site--main--color--03-05: #C4E7EB;


  /* MAIN - BLUE */
  --site--main--color--04-01: RoyalBlue;
  --site--main--color--04-02: RoyalBlue;
  --site--main--color--04-03: #4D65FF;
  --site--main--color--04-04: RoyalBlue;
  --site--main--color--04-05: #ECF8F8;


}


/* 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;
    */


  }

}