/*
 *  I colori sono difficili da gestire in modo coerente e standardizzato.
 *  In dbo esiste una funzione che ritorna il colore in hex in base al nome
 *  Nasce un problema però quando si utilizza come sfondo di riga, perchè per
 *  mantenere la coerenza con il tema scelto si utilizza la trasparenza.
 *  Nasce quindi la necessità di avere un colore di sfondo per ogni colore standard
 */
/*Colori standard da non utilizzare ma mantenere come riferimento di nome*/

:root {
    --background-logout: rgba(0,0,0,0.6);
    --background-menu-bar: rgba(255,255,255,.8);
    --background-menu-bar-over: rgba(146, 146, 146, 0.3);
    --background-popup: rgba(255,255,255,.65);
    --background-repeater-sel: rgba(255,255,255,.35);
    --background-tooltip: rgba(146, 146, 146);
    --border-color-popup: rgba(184, 184, 184, 0.43);
    --border-content: 1px solid rgba(50,50,50,.15);
    --button-color: #b3b3b3;
    --color-content: rgb(233, 233, 233);
    --color-content-dev: rgb(255, 255, 255);
    --color-line: 0, 0, 0;
    --color-opposite-rgb: 0, 0, 0;
    --color-placeholder: rgba(0, 0, 0, .3);
    --color-placeholder-span: #027bff;
    --color-text: #000000;
    ;
    --color-text-dark: #000000;
    --color-text-light: #FFFFFF;
    --color-text-menu-bar: #000000;
    --color-text-menu-bar-disable: rgba(0,0,0,.4);
    --dark-color: rgba(0,0,0,.4);
    --effect-menu: brightness(50%);
    --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-size-input: .9rem;
    --height-menu-bar: 1.8rem;
    --line-heingt-span: 1.3rem;
    --line-heingt-span-focus: 3.6rem;
    --opacity-blur: .7rem;
    --color-soft-highlight: rgba(135, 40, 167, 0.8);
    --primary-color: #027bff;
    --primary-color-rgb: 2, 123, 255;
    --primary-color-today-calendar: rgba(2, 123, 255, .3);
    --primary-color-today-cardspace: rgba(2, 123, 255, .1);
    --radius-content: 1rem;
    --top-form: 1.8rem;
    --window-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
    

    /* Varianti colori standard */
    --color-light-red: #ff5c5c;
    --color-dark-green: #029740;
    --color-light-yellow: #FFD700;
    --color-light-green: #a9e843;
    --color-light-blue: #67acf8;
    --color-atvt: #f73fff;
    --color-fucsia: #f73fff;
    --color-light-grey: #a2a2a2;
    --color-gestman-false: rgba(40, 133, 235, 0.5);
    --color-gestman-true: rgba(255, 192, 16, 0.8);
    --color-light-green-cell: rgba(169, 232, 67, 0.4);
    --color-light-green-selector: rgba(141, 197, 50, 0.7);
    --color-light-yellow-selector: rgba(238, 209, 77, 0.7);
    --highlight-row-brightness: 80%;
    --highlight-row-brightness-sem: 120%;
    
    --background-navbar-admin: #ffaf02;
    --background-navbar-test: #009df8;
}

.kyDarkMode {
    --window-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
    --background-menu-bar: rgba(0,0,0,.3);
    --color-text-menu-bar-disable: rgba(255,255,255,.4);
    --background-menu-bar-over: rgba(109, 109, 109, 0.3);
    --background-tooltip: rgba(109, 109, 109);
    --color-text-menu-bar: #FFFFFF;
    --color-content: #343434;
    --color-content-dev: #343434;
    --color-text: #FFFFFF;
    --color-text-dark: #000000;
    --color-text-light: #FFFFFF;
    --button-color: rgba(255,255,255,.5);
    --color-line: 200,200,200;
    --color-placeholder: rgba(255, 255, 255, 0.8);
    --color-placeholder-span: rgba(255, 215, 0, 0.85);
    --background-logout: rgba(0,0,0,0.6);
    --effect-menu: brightness(70%);
    --color-soft-highlight: rgba(2, 255, 213, 0.8);
    --primary-color: #FFD700;
    --background-popup: rgba(25, 25, 25, 0.65);
    --opacity-blur: 2.8rem;
    --border-content: 1px solid rgba(255,255,255,.15);
    --dark-color: rgba(255,255,255,.5);
    --background-repeater-sel: rgba(25, 25, 25, 0.25);
    --color-light-yellow-selector: rgba(255, 215, 0, 0.4);
    --color-opposite-rgb: 255, 255, 255;
    --primary-color-today-calendar: rgba(255, 215, 0, .9);
    --primary-color-today-cardspace: rgba(255, 215, 0, .4);
    --primary-color-rgb: 255, 215, 0;
    
    --highlight-row-brightness: 110%;
    --highlight-row-brightness-sem: 70%;
    
    --background-navbar-admin: #ff7b00;
    --background-navbar-test: #00a6ff;
}

.colors {
    --color-cyan: #00ffff;
    --color-brown: #a52a2a;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-grey: #808080;
    --color-transparent: transparent;
}

/*#region*/
/** INFORMAZIONI SULL'UTILIZZO DEI COLORI DBOH
** I colori attualmente utilizzano uno standard --color-dbo-"colore" ("colore" massimo di 7 caratteri per rimanere compatibile con NVARCHAR(7))
** È stato fatto uno studio fra colore chiaro e scuro per mantenere una leggibilità e comprensibilità coerente fra le due modalità
** Ogni modifica o aggiunta dei colori va fatta con prudenza per evitare che i alcuni colori vadano in "scontro" con altri colori
** Ogni cambio di colore va riportato anche nella vista VstAdmDhColor con i riferimenti corretti a questo foglio CSS
**/
:root{ 
    /** Colori mod. LIGHT*/
    --color-dbo-grey: #c0c0c0;
    --color-dbo-blue: #5c94fc;
    --color-dbo-cyan: #2ea2b8;
    --color-dbo-green: #78d06b;
    --color-dbo-yellow: #ddc648;
    --color-dbo-orange: #e6843e;
    --color-dbo-red: #f26153;
    --color-dbo-purple: #cfa3f3;
    --color-dbo-pink: #f7bbc4;

    --color-dbo-daisy: #e674c0;
    --color-dbo-melinda: #dc5353;
    --color-dbo-brick: #983f37;
    --color-dbo-avocado: #b2d163;
    --color-dbo-mint: #7be3c2;
    --color-dbo-deepblue: #296ce7;
    --color-dbo-banana: #e6b251;
    --color-dbo-lemon: #fce883;
    --color-dbo-aurora: #deff9b;
    --color-dbo-olive: #a0bb69;
    --color-dbo-smurf: #69ccf7;
    --color-dbo-eva01: #8244f6;
    --color-dbo-unicorn:#bd7edb;
    --color-dbo-norway: #f99e77;
    --color-dbo-iceblue: #99acd1;
    --color-dbo-steel:#8b919f;
    --color-dbo-baddie: #6c7463;
}

.kyDarkMode{
    /** Colori mod. DARK*/
    --color-dbo-red: #f26153;
    --color-dbo-blue: #5c94fc;
    --color-dbo-green: #62a757;
    --color-dbo-yellow: #c5b142;
    --color-dbo-orange: #e6843e;
    --color-dbo-purple: #cfa3f3;
    --color-dbo-cyan: #2ea2b8;
    --color-dbo-pink: #d19fa7;
    --color-dbo-grey: #aeaeae;

    --color-dbo-daisy: #bb5a9b;
    --color-dbo-melinda: #dc5353;
    --color-dbo-brick: #983f37;
    --color-dbo-avocado: #89ab4b;
    --color-dbo-mint: #6dc2a7;
    --color-dbo-deepblue: #2358bb;
    --color-dbo-banana: #cfa048;
    --color-dbo-lemon: #d3c167;
    --color-dbo-aurora: #b2d077;
    --color-dbo-olive: #7e9453;
    --color-dbo-smurf: #59add1;
    --color-dbo-eva01: #714bb9;
    --color-dbo-unicorn:#a672be;
    --color-dbo-norway: #f99e77;
    --color-dbo-iceblue: #5a6f9b;
    --color-dbo-steel:#797e8b;
    --color-dbo-baddie: #565c4e;
}

:root, .kyDarkMode{
    /* Colori base */
    --color-red: #dc143c;
    --color-green: #79b418;
    --color-yellow: #ffc010;
    --color-orange: #ffa710;
    --color-blue: #2885eb;
    --color-pink: #fdc1c1;
    --color-purple: #AB27B2;

    --color-dbo-white: #ebebeb;
    --color-dbo-black: #1a1a1a;
}
/*#endregion*/