/*==----------------------------------------====
    Base Colour Variables
====----------------------------------------==*/
:root {
    /* [THEMES] */
    /* ---------------------------------------------------- */

    /* Default Background */
    --light-default-background: #fff;
    --light-default-background-shade: #f5f5f5;
    --light-default-border: #ebebeb;

    /* Light Background */
    --light-background: #eff4f9;
    --light-background-shade: #e5eef5;
    --light-border: #ccddee;

    /* Light Alt Background */
    --light-alt-background: #e8e8e8;
    --light-alt-background-shade: #e0e0e0;
    --light-alt-border: #7a7a7a;
    
    /* Dark Background */
    --dark-background: #09549f;
    --dark-background-shade: #04498f;
    --dark-border: #1d9ac6;
    
    /* Dark Alt Background */
    --dark-alt-background: #05325f;
    --dark-alt-background-shade: #052c53;
    --dark-alt-border: #09acfe;
    

    /* [LIGHT STYLES] */
    /* ---------------------------------------------------- */
    
    /* Light Actions */
    --light-primary-action: #09549f;
    --light-primary-action-hover: #003e7d;
    --light-primary-action-text: #fff;    

    --light-secondary-action: #008635;
    --light-secondary-action-hover: #005b23;

    /* Light Accent */
    --light-accent: #6BBE27;

    /* Light Focus */
    --light-focus: #0085b3;

    /* Light Link */
    --light-link: #09549F;
    --light-link-visited: #551a8b;

    --light-underline: #3f7ab4;
    --light-underline-hover: #09549F;

    --light-underline-visited: #8b63b0;
    --light-underline-visited-hover: #551a8b;

    /* Light Text */
    --light-heading: #03213f;
    --light-text: #414141;
    --light-text-muted: #636363;
    
    /* Light Site Title */
    --light-site-title: #022a50;

    /* Buttons */
    --light-button: var(--light-button-primary, var(--light-primary-action));
    --light-button-hover: var(--light-button-primary-hover, var(--light-primary-action-hover));
    --light-button-text: var(--light-button-primary-text, var(--light-primary-action-text));

    --light-button-secondary: var(--light-button-secondary, var(--light-secondary-action));
    --light-button-secondary-hover: var(--light-button-secondary-hover, var(--light-secondary-action-hover));

    --light-button-tertiary: var(--light-button-tertiary, transparent);
    --light-button-tertiary-hover: var(--light-button-tertiary-hover, var(--light-background-shade));

    
    /* [DARK STYLES] */
    /* ---------------------------------------------------- */
    
    /* Dark Actions */
    --dark-primary-action: #78ba00;
    --dark-primary-action-hover: #add33f;
    --dark-primary-action-text: #121940;
    
    --dark-secondary-action: #ffe500;
    --dark-secondary-action-hover: #ffef60;

    /* Dark Accent */
    --dark-accent: #6bbe27;
    
    /* Dark Focus */
    --dark-focus: #01b0e5;

    /* Dark Link */
    --dark-link: #fff;
    --dark-link-visited: #e1bbee;

    --dark-underline: #b5cce2;
    --dark-underline-hover: #fff;

    --dark-underline-visited: #e1c2ff;
    --dark-underline-visited-hover: #e1bbee;

    /* Dark Text */
    --dark-heading: #fff;
    --dark-text: #fff;
    --dark-text-muted: #deebf9;

    /* Dark Site Title */
    --site-title-dark: #fff;

    /* Buttons */
    --dark-button: var(--dark-button-primary, var(--dark-primary-action));
    --dark-button-hover: var(--dark-button-primary-hover, var(--dark-primary-action-hover));
    --dark-button-text: var(--dark-button-primary-text, var(--dark-primary-action-text));

    --dark-button-secondary: var(--dark-button-secondary, var(--dark-secondary-action));
    --dark-button-secondary-hover: var(--dark-button-secondary-hover, var(--dark-secondary-action-hover));

    --dark-button-tertiary: var(--dark-button-tertiary, transparent);
    --dark-button-tertiary-hover: var(--dark-button-tertiary-hover, var(--dark-background-shade));


    /* [GOVERNMENT STYLES] */
    /* ---------------------------------------------------- */

    /* Neutral Colours */
    --neutral-black:    #131312;
    --neutral-darkest:  #222020;
    --neutral-darker:   #595959;
    --neutral-dark:     #78797e;
    --neutral-light:    #e0e0e0;
    --neutral-lighter:  #ebebeb;
    --neutral-lightest: #f4f4f4;
    --neutral-white:    #fff;
    
    --underline-white: rgb(255 255 255 / 0.72);
    --underline-dark:  rgb(3 33 63 / 0.72);

    /* Government Brand Colours */
    --modern-maroon: #a70240;
    --traditional-maroon: #771e32;
    
    /* Alerts */
    --ds-info:    #0085b3;
    --ds-error:   #e22339;
    --ds-warning: #ffcc2c;
    --ds-success: #339d37;
    
    /* Global Alerts */
    --ds-global-alert-critical: #e22339;
    --ds-global-alert-warning:  #ffcc2c;
    --ds-global-alert-general:  #e5eef5;

    /* Code Syntax */
    --code-values:     #6bbe27;
    --code-elements:   #a7e5ff;
    --code-properties: #c88df7;
    --code-comments:   #c0d7ec;
}