/**********************************************
    ROOT VARIABLES
**********************************************/
:root {

    --default: #585858;
    --heading-color: #333333;
    --meta-color: #999999;


    --dark-grey2: #222222;
    --dark-grey2-active: #080808;
    --dark-grey: #343434;
    --grey: #878787;
    --light-grey: #dedede;
    --light-grey2: #e6e6e6;
    --light-grey3: #f5f5f5;
    --light-grey4: #f8f8f8;
    --light-grey5: #f0f0f0;

    --black: #000000;
    --white: #ffffff;
    --white50: rgb(255 255 255 / 50%);
    
    --coral: #f8796b;
    --coral2: #f42e18;

    --red: #ff0000;
    --red-hover: #dd0000;
    --red-active: #aa0000;
    --red1: #a5112d;
    --red2: #f0506e;
    --red2-hover: #ee395b;
    --red2-active: #ec2147;

    --yellow: #e3c70b;
    --yellow-hover: #d1b707;
    --yellow-active: #b59f04;
    --yellow2: #FCF9E6;
    
    /* --ids-colour: #008A96; */
    --ids-colour: #008294;
    --ids-colour-050: color-mix(in srgb, var(--ids-colour) 50%, transparent);
    --ids-colour-065: color-mix(in srgb, var(--ids-colour) 65%, transparent);
    --ids-colour-075: color-mix(in srgb, var(--ids-colour) 75%, transparent);
    --ids-colour2: #007D85;

    /* --ids-colour3: #00636C; */
    --ids-colour3: #00636B;

    --success: #32d296;
    --warning: #faa05a;
    --danger: var(--red2);

    --violet: #8B00CC;
    --turquoise: #00ecff;

    --link-text: var(--ids-colour3);
    --link-hover: color-mix(in srgb, var(--ids-colour3) 100%, var(--black) 10%);
    --link-hover2: #ebfdff;
    --link-active: var(--turquoise);


    --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    --box-shadow-hover: 0 14px 25px rgba(0, 0, 0, 0.16);

    --ids-gradient: linear-gradient(45deg,
            rgba(32, 58, 64, 0.9) 0%,
            rgba(0, 138, 150, 0.9) 30%,
            rgba(0, 138, 150, 0.9) 70%,
            rgba(113, 192, 144, 0.9) 100%);

    --ids-gradient1: linear-gradient(45deg, #53b192 10%, #008a96 100%);
    --ids-gradient2: linear-gradient(90deg, #53b192 10%, #008a96 100%);
    --ids-gradient3: linear-gradient(135deg, #53b192 10%, #008a96 100%);
    --ids-gradient4: linear-gradient(180deg, #53b192 10%, #008a96 100%);
    --ids-gradient5: linear-gradient(225deg, #53b192 10%, #008a96 100%);
    --ids-gradient6: linear-gradient(270deg, #53b192 10%, #008a96 100%);
    --ids-gradient7: linear-gradient(315deg, #53b192 10%, #008a96 100%);
    --ids-gradient8: linear-gradient(0deg, #53b192 10%, #008a96 100%);

    --ids2-gradient1: linear-gradient(45deg, #203a40, #008a96, #b5ef7d);
    --ids2-gradient2: linear-gradient(90deg, #203a40, #008a96, #b5ef7d);
    --ids2-gradient3: linear-gradient(135deg, #203a40, #008a96, #b5ef7d);
    --ids2-gradient4: linear-gradient(180deg, #203a40, #008a96, #b5ef7d);
    --ids2-gradient5: linear-gradient(225deg, #203a40, #008a96, #b5ef7d);
    --ids2-gradient6: linear-gradient(270deg, #203a40, #008a96, #b5ef7d);
    --ids2-gradient7: linear-gradient(315deg, #203a40, #008a96, #b5ef7d);
    --ids2-gradient8: linear-gradient(0deg, #203a40, #008a96, #b5ef7d);
          

    --grey-gradient: linear-gradient(180deg, 
            var(--light-grey3) 0%, 
            var(--light-grey) 100%);



    --border: 1px solid #e5e5e5;
    --border-color: #e5e5e5;
    --border-color-hover: #b2b2b2;

    --form-field-border: var(--grey);


    --table-th-color: var(--meta-color);

    /* --hljs-bg: var(--dark-grey); OLD */
    --hljs-bg: var(--black); 
    --hljs-font: var(--white); 
    /*  rgb(85,142,210);    */
    --hljs-blue: #558ED2; 
    /*  rgb(150,220,90);    */
    --hljs-green: #96dc5a; 
    /*  rgb(255,205,34);    */
    --hljs-yellow: #ffcd22; 
    /*  rgb(255,132,9);    */
    --hljs-orange: #ff8409; 
    /*  rgb(144,149,150);    */
    --hljs-grey: #909596;


    --info-border: #008000;
    --info-background: #edfbf6;

    --tip-border: #66ebfd;
    --tip-background: #e0fbff;

    --warning-border: #ff0000;
    --warning-background: #fef4f6;


    --kb-info-border: var(--ids-colour);
    --kb-info-background: #E5F3F4;

    --kb-tip-border: #878787;
    --kb-tip-background: #dedede;

    --kb-warning-border: #e3c70b;
    --kb-warning-background: #FCF9E6;

}