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




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


/**/
:root {


  /**/
  --site--body--back-color--01: #F2F3F3;
  --site--body--back-color--02: #FBFBFB;


  /**/
  --site--body--text-color--01: #242424;
  --site--body--text-color--02: #4A4A4A;


  /**/
  --site--body--link-color--01: #242424;
  --site--body--link-color--02: #33445F;


  /**/
  --site--body--tabs-color--01: #33445F;
  --site--body--tabs-color--02: #33445F;


  /**/
  --site--form--back-color--01: #FFFFFF;
  --site--form--back-color--02: #F6F6D5;
  --site--form--border-color--01: #F2F3F3;
  --site--form--border-color--01: #D0D2D2;


  /* Color */
  --site--main--color--00-00: #FFFFCC; /* Main */
  --site--main--color--00-01: #FFFFFF; /* Light */
  --site--main--color--00-02: #CCCCCC; /* Middle */
  --site--main--color--00-03: #000000; /* Dark */


  /* Gray */
  --site--main--color--01-00: gray;
  --site--main--color--01-01: #F2F3F3;
  --site--main--color--01-02: #D0D2D2;
  --site--main--color--01-03: #707575;


  /* Red */
  --site--main--color--02-00: red;
  --site--main--color--02-01: #FDDDE0;
  --site--main--color--02-02: #F98A93;
  --site--main--color--02-03: #F75969;


  /* Yellow */
  --site--main--color--03-00: yellow;
  --site--main--color--03-01: #F6F6D5;
  --site--main--color--03-02: #F1F0AA;
  --site--main--color--03-03: #F0EC61;


  /* Green */
  --site--main--color--04-00: green;
  --site--main--color--04-01: #EEF5DB;
  --site--main--color--04-02: #CBE189;
  --site--main--color--04-03: #B6CD6D;


  /* Blue - Aqua */
  --site--main--color--05-00: blue;
  --site--main--color--05-01: #DFEFF1;
  --site--main--color--05-02: #BEE0E4;
  --site--main--color--05-03: #9DD3DB;


  /* Blue - Indigo */
  --site--main--color--06-00: blue;
  --site--main--color--06-01: #DBE3F0;
  --site--main--color--06-02: #546B92;
  --site--main--color--06-03: #33445F;


}


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


  }

}