:root {
    --heimdall-color1:#D6F1FB ;
    --heimdall-color2:#00A4B6;
    --heimdall-color3: blue;
    --heimdall-color4:#000D42;
    --heimdall-color5:white;
    --heimdall-color6:red;
    --heimdall-color7:#E6007E;

    /* text */
    --error-text-color:var(--heimdall-color6);
    --danger-text:var(--heimdall-color6);
    --info-text:var(--heimdall-color3);
    --heimdall-text-color1:var(--heimdall-color5);
    --heimdall-text-color2:var(--heimdall-color4);
     /* button style */
    --button-bg-color:var(--heimdall-color2);
    --button-text-color:var(--heimdall-text-color1);

    --outline-button-border-color:var(--heimdall-color2);
    --outline-button-text-color:var(--heimdall-text-color2);

    --outline-button-hover-bg-color:var(--heimdall-color2);
    --outline-button-hover-text-color:var(--heimdall-text-color1);

    /* table style */
    --table-header-bg-color:var(--heimdall-color1);
    --table-first-border-color:var(--heimdall-color2);

    /* inputs */
    --input-border-bottom-color:var(--heimdall-color2);

    /* spinner */
    --round-spinner-border-color:var(--heimdall-color2);
    --squars-spinner-color:var(--heimdall-color2);
    
    /* collapse */
    --collapse-bg-color:var(--heimdall-color2);
    --collpase-text-color:var(--heimdall-color5);
    --selected-collpase-color:var(--heimdall-color7);
}