@charset "utf-8";
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 	Theme:  dark-crocus-petal       Base colour: #B99BC5
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *  For:   OWS websites             version: 3.1
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *  Author:     DNC THomas
 *  Last edit:  2025-08-25 18:27:24
 *  As a rule you should ONLY need to change the variables below
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*  Theme colour variables */
:root {
    --baseR: 185;
    --baseG: 155;
    --baseB: 197;

    --color9: #1C1220;
    --color8: #382540;
    --color7: #553860;
    --color6: #714E81;
    --color5: #8E5DA1;
    --color4: #A47DB4;
    --color3: #BB9EC6;
    --color2: #D1BED9;
    --color1: #E8DEEC;
    --modal: rgba(var(--baseR),var(--baseG),var(--baseB),0.3);
    --shadow1: 0 0.3em 0.3em -1px var(--color5);
    --shadow2: 0.2em 0.2em rgb(var(--baseR), var(--baseG), var(--baseB), 80%), 0.6em 0.6em 0.6em rgb(var(--baseR), var(--baseG), var(--baseB), 50%);

    --gradient-down: linear-gradient( 0deg, var(--color7), var(--color5));
    --gradient-up: linear-gradient( 0deg,  var(--color5), var(--color7));
    --gradient-ltr: linear-gradient( 90deg,  var(--color7), var(--color5));
    --gradient-rtl: linear-gradient( 90deg,  var(--color5), var(--color7));
}

/*	Combinations colours (Foreground / Background)	
    You may wish to adjust these to improve contrast; you should start by changing color1 to color9 */
.ows-theme4, .ows-theme4-hvr:hover { color: var(--color9);}
.ows-theme5, .ows-theme5-hvr:hover { color: var(--color9);}
.ows-theme6, .ows-theme6-hvr:hover { color: var(--color1);}

/* Gradients ~ You may wish to adjust the foreground colours used */
.ows-theme-grad-down            { color: var(--color1)}
.ows-theme-grad-down-hvr:hover  { color: var(--color9)}
.ows-theme-grad-up              { color: var(--color1)}
.ows-theme-grad-up-hvr:hover    { color: var(--color9)}
.ows-theme-grad-ltr             { color: var(--color1)}
.ows-theme-grad-ltr-hvr:hover   { color: var(--color9)}
.ows-theme-grad-rtl             { color: var(--color1)}
.ows-theme-grad-rtl-hvr:hover   { color: var(--color9)}
