/**
 *  MyHome Custom Stylesheet
 *  
 *  Update this stylesheet to replace the default
 *  logos, colours, theming etc. for MyHome.
 */

 html body {
    /* Colour Variables (R, G, B) */

    /* Main theme colour for nav bar, icons, action buttons, links, highlights etc. */
    --primary: 131, 35, 94;
    --primary-contrast: 255, 255, 255;

     /* Secondary colour for smaller highlights */
    --accent: 178, 67, 101;
    --accent-contrast: 255, 255, 255;

    /* Colour for basic actions and minor buttons */
    --default: 230, 233, 237;
    --default-contrast: 0, 0, 0;

    /* Colour used for Success Messages, loading bars/spinners, and Approve, Confirm, Save etc. actions */
    --save: 238, 104, 108;
    --save-contrast: 255, 255, 255;

    /* Colour used for Error Messages, and Reject, Delete, etc. actions */
    --delete: 194, 38, 28;
    --delete-contrast: 255, 255, 255;

    --done: 13, 185, 61; /* Highlight colour for completed tasks, icons, etc. */
    --incomplete: 255, 209, 26; /* Highlight colour for incomplete tasks, icons, etc. */

    /* Background/Foreground Colours */
    --ch-bg: 255, 255, 255; /* Lightest background colour, usually white */
    --ch-bg-1: 244, 246, 251;
    --ch-bg-2: 238, 240, 245;
    --ch-bg-3: 227, 230, 236;
    --ch-bg-4: 197, 200, 206; /* Darkest background colour */
    --ch-fg: 0, 0, 0; /* Darkest text colour, usually black */
    --ch-fg-1: 75, 75, 75;
    --ch-fg-2: 120, 130, 140;
    --ch-fg-3: 160, 170, 180; /* Lightest text colour */

    /* Font Variables */
    --font-headers: arial, sans-serif;
    --font-default: arial, sans-serif;

    /* Default Logo & Splash Image */
    --splash-url: '';
    --logo-url: url('https://clickhome.langdonbuilding.com.au/logo.jpg');

    /* Miscellaneous Variables */
    --border-radius: 4px; /* How rounded buttons, lists, divs etc. should typically be. 0px = hard square */
    --shadow: 1px 1px 10px rgba(0, 0, 0, .1); /* Shadow style, you can set this to none for no shadow at all */
}

html.theme-dark body {
    --primary: 57, 111, 159;
    --primary-contrast: 255, 255, 255;

    --accent: 174, 153, 70;
    --accent-contrast: 0, 0, 0;

    --default: 27, 28, 53;
    --default-contrast: 255, 255, 255;

    --save: 70, 165, 100; 
    --save-contrast: 255, 255, 255;
    
    --delete: 195, 78, 70;
    --delete-contrast: 255, 255, 255;

    --done: 69, 187, 104;
    --incomplete: 230, 203, 92;

    --ch-bg: 45, 45, 60;
    --ch-bg-1: 35, 35, 65;
    --ch-bg-2: 25, 25, 55;
    --ch-bg-3: 20, 20, 50;
    --ch-bg-4: 15, 15, 45;
    --ch-fg: 221, 221, 221;
    --ch-fg-1: 201, 201, 201;
    --ch-fg-2: 181, 181, 181;
    --ch-fg-3: 161, 161, 180;

    --logo-url: url('./assets/Logo_onBlack.png');
}