/* for outside pages */
:root {
    --bulma-content-heading-color: #000;

    /** start with theme colors **/
    --color-carton: #eceae5;
    --color-white: #fff;
    --color-dark: #111;

    /** colors from heaven.css **/
    --bg-solace: #eaeedd;
    --bg-comfort: #e9e5e5;
    --bg-mist: #d9e0cc;
    --bg-ws-grey: #efefef;
    --bg-ws-light: #fff;
    --bg-ws-dark: #0d0711;

    --color-grey: #eee;
    --color-original: #5e433c;
    --color-primary-lighter: #5f33a5;
    --color-primary: #4B4A46;
    --color-secondary: #3c727f;
    /* --color-tertiary: #883A69; */
    --color-quaternary: #D96486;
    --color-quinary: #137492;
    --color-senary: #205273;
    --color-septanary: #029b86;
    /* --color-secondary: #347a63; */
    --color-tertiary: #523f72;
    --color-danger: #ff6685;
    --color-root: #f5f5f5;
    --color-black: #000;
    --color-dangerous: #FD003A;
    --color-light: #e4e4e7;
    --color-milk: #e1e1d7;
    --color-off-white: #fefefe;
    --color-silver: #ddd;

    --color-sticky-default: #f9f0ce;
    --color-sticky-purple: #d6c7e8;
    --color-sticky-orange: #ffddc7;
    --color-sticky-green: #c5e4bd;
    --color-sticky-red: #f1cdcd;
    --color-sticky-pink: #ffe4eb;
    --color-sticky-brown: #e6ddd1;
    --color-sticky-blue: #dde9fb;
    --color-sticky-grey: #8b8686;

    --color-activated: #b86595;
    
    --color-first-primary: #5d248e;
    --color-first-primary-lighter: #6217ac;
    --color-first-secondary: #3c727f;
    --color-first-tertiary: #26121e;
    
    --color-second-primary: #FF9A62;
    --color-second-secondary: #49A3A9;
    --color-second-tertiary: #9B8AB6;
    --color-tertiary-popping: #7925A5;
    --color-tertiary-light: #ece9ee;
}

/**
**
** Unoptimized come back here and remove unused and expired colors
**
**/
.bg.color-sticky-brown { background-color: var(--color-sticky-brown); }
.bg-bluey { background-color: #4267b2; }
.bg-blue { background-color: #34577E !important; }
.bg-envoy { background-color: #5a256e !important;}
.bg-envoy-dark { background-color: #37103b !important; }
.bg-envoy-darker { background-color: #37003d; }
.bg-green { background-color: #369970; color: #fff; }
.bg-greeny { background-color: #549280; }
.bg-greeny-dark { background-color: #245D72; }
.bg-maroon { background-color: #904057; }
.bg-mint-blue { background-color: #EBEEF2; }
.bg-mint-cyan { background-color: #e3efef; }
.bg-mint-grey { background-color: #EEEFF0; }
.bg-mint-orange { background-color: #fef2ea; }
.bg-mint-purple { background-color: #F4F1F8; }
.bg-mint-red { background-color: #FBF0F0; }
.bg-mint-yellow { background-color: #EDF4E4; }
.bg-navy { background-color: #2673AF; }
.bg-olivy { background-color: #4C8DA0; }
.bg-pinky { background-color: #9e546a; }
.fg-linked { color: #fff; }
.bg-purply { background-color: #5F1793; }
.bg-purply-blue { background-color: #5465EE; }
.bg-silver { background-color: #f0f0f0 !important; }
.bg-white, .bg_w { background-color: #fff; }
.bg-transparent, .bg-color-transparent, .background-color-transparent { background-color: transparent; }
.bg-dangerous { background-color: var(--color-dangerous); }
.bg-black { background-color: var(--color-black); }
.bg-border-dark { background-color: var(--color-border-dark); }
.bg-primary-grey { background-color: var(--color-primary-grey); }
.bg-primary { background-color: var(--color-primary) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-tertiary { background-color: var(--color-tertiary) !important; }
.bg-quaternary { background-color: var(--color-quaternary) !important; }
.bg-quinary { background-color: var(--color-quinary); }
.bg-senary { background-color: var(--color-senary); }
.bg-sticky-orange { background-color: var(--color-sticky-orange); }
.bg-sticky-green { background-color: var(--color-sticky-green); }
.bg-sticky-red { background-color: var(--color-sticky-red); }
.bg-sticky-pink { background-color: var(--color-sticky-pink); }
.bg-sticky-brown { background-color: var(--color-sticky-brown); }
.bg-sticky-blue { background-color: var(--color-sticky-blue); }
.bg-sticky-grey { background-color: var(--color-sticky-grey); }

.color-body { color: var(--color-fg) !important; }
.color-border-dark { color: var(--color-border-dark); }
.color-unset { color: #989899 !important; }
.color-error { color: var(--color-danger); }
.color-royal { color: #b00c87; }
.color-primary-grey { color: var(--color-primary-grey); }
.color-warning { color: var(--color-second-primary); }
.color-success { color: var(--color-second-secondary); }
.color-success * { color: var(--color-second-secondary) !important; }

.navbar-item.menu-item.is-active { background-color: transparent; font-weight: 800; color: var(--color-tertiary) }

.text-muted { color: #777; }

.fg { color: #404654 !important; }
.fg.color-primary { color: #000 !important; }
.fg.color-secondary { color: #334344; }
.fg.color-tertiary { color: #8d8797; }
.fg.color-quaternary { color: #c1b9b9; }
.fg.color-centenary { color: #fff; }
.formative .focusable:focus, .formative .focusable:focus-within { border-color: var(--color-fg) !important; }
input::placeholder { color: #777 !important; }
input.input.colored { background-color: #dee7ea !important; }

.dark fg-primary .t__w, .w__t { color: #FFF !important; }

.ql-picker-options { background-color: var(--color-offbody) !important; }

.spreadsheet td.bg-body, .spreadsheet td.bg-body select { background-color: var(--color-offbody) !important; }
.spreadsheet td.bg-body select { color: var(--color-fg) !important; border: none !important; }

.tab.fg-alt.active { color: #fff !important; }
.theme.example.carton { background-color: var(--color-carton); color: #000;}
.theme.example.carton .ws.typo { color: #000 !important; }
.theme.example.dark { background-color: var(--color-dark) !important; color: #fff !important; }
.theme.example.white { background-color: var(--color-white); color: #000; }
.theme.example.white .ws.typo { color: #000 !important; }