/* ------------------------------------------------------ */
/* RITA: add our project-specific design css-classes here */
/* ------------------------------------------------------ */


:host, :root {
    --project_col_primary_400: #ff0000;
}


/* NOTE(lm): USE THESE VARIABLES PROXIES - not the raw color variables */
:host, :root {
    /* colors */
    --ld_col_black_200: #333333;
    --ld_col_black_200_txt: White;
    --ld_col_black_400: var(--project_col_primary_400);
    --ld_col_black_400_txt: White;
    --ld_col_black_600: var(--project_col_primary_400);
    --ld_col_black_600_txt: White;
    --ld_col_black_800: var(--project_col_primary_400);
    --ld_col_black_800_txt: White;

    --ld_col_white_200: White;
    --ld_col_white_200_txt: White;
    --ld_col_white_400: White;
    --ld_col_white_400_txt: White;
    --ld_col_white_600: LightGrey;
    --ld_col_white_600_txt: White;
    --ld_col_white_800: Grey;
    --ld_col_white_800_txt: White;

    --ld_col_primary_200: var(--project_col_primary_400);
    --ld_col_primary_200_txt: var(--ld_col_black_400);
    --ld_col_primary_400: var(--project_col_primary_400);
    --ld_col_primary_400_txt: var(--ld_col_black_400);
    --ld_col_primary_600: var(--project_col_primary_400);
    --ld_col_primary_600_txt: var(--ld_col_black_400);
    --ld_col_primary_800: var(--project_col_primary_400);
    --ld_col_primary_800_txt: var(--ld_col_black_400);

    --ld_col_secondary_200: var(--project_col_primary_400);
    --ld_col_secondary_200_txt: var(--ld_col_black_400);
    --ld_col_secondary_400: var(--project_col_primary_400);
    --ld_col_secondary_400_txt: var(--ld_col_white_400);
    --ld_col_secondary_600: var(--project_col_primary_400);
    --ld_col_secondary_400_txt: var(--ld_col_white_400);
    --ld_col_secondary_800: var(--project_col_primary_400);
    --ld_col_secondary_400_txt: var(--ld_col_white_400);

    --ld_col_accept: var(--ld_col_primary_400);
    --ld_col_accept_txt: var(--ld_col_primary_400_txt);
    --ld_col_accept_hov: var(--ld_col_primary_200);
    --ld_col_accept_hov_txt: var(--ld_col_primary_200_txt);

    --ld_col_deny: var(--project_col_primary_400);
    --ld_col_deny_txt: var(--project_col_primary_400);
    --ld_col_deny_hov: var(--project_col_primary_400);
    --ld_col_deny_hov_txt: var(--project_col_primary_400);

    --ld_col_deac: var(--ld_col_primary_800);
    --ld_col_deac_txt: var(--ld_col_white_400);
    --ld_col_deac_hov: var(--ld_col_primary_800);
    --ld_col_deac_hov_txt: var(--ld_col_white_400);

    /*Background gradients*/
    --ld_col_bkg_gradient_a: linear-gradient(to bottom,#42C3BC, #2EAEA6); /*button green*/
    --ld_col_bkg_fallback_a: #37BEB6;
    --ld_col_bkg_gradient_b: linear-gradient(-5deg,#EAF1F2, #DDE4E5);
    --ld_col_bkg_fallback_b: #e6edee;
    --ld_col_bkg_gradient_c: linear-gradient(#CCD5D8, #D1DADD, #BBC8CE); /*body CFD8DC*/
    --ld_col_bkg_fallback_c: #ccd6da;
    --ld_col_bkg_gradient_d: linear-gradient(to top, #B1B9BC, #889194); /*mood inactive*/
    --ld_col_bkg_fallback_d: #889194;
    --ld_col_bkg_gradient_e: linear-gradient(to bottom,#1896bc, #1088b0); /*button blue*/
    --ld_col_bkg_fallback_e: #1590b7;
    --ld_col_bkg_gradient_f: linear-gradient(-5deg,#f5feff, #eaf2f3); /*profil banner light version*/
    --ld_col_bkg_fallback_f: #eaf2f3;
    --ld_col_bkg_gradient_g: linear-gradient(to top, #eb8857, #e5ae7c); /*profil progressbar fill <50%*/
    --ld_col_bkg_fallback_g: #e6a569;
    --ld_col_bkg_gradient_h: linear-gradient(to bottom, #cbd6d8, #e2eaec); /*profil progressbar bar background*/
    --ld_col_bkg_fallback_h: #cbd6d8;
    --ld_col_bkg_gradient_i: linear-gradient(to top, #40c285, #7ddc90); /*profil progressbar fill 100%*/
    --ld_col_bkg_fallback_i: #40c285;
    --ld_col_bkg_gradient_j: linear-gradient(to top, #c2c670, #dfe481); /*profil progressbar fill <50%*/
    --ld_col_bkg_fallback_j: #c2c670;
    --ld_col_bkg_gradient_k: linear-gradient(90deg, #54acc9 0%, #b0d2dd 100%); /*profile name background*/
    --ld_col_bkg_fallback_k: #54acc9;
    --ld_col_bkg_gradient_l: linear-gradient(to bottom, #acd6d7, #b9d5d6); /*moduls add moduls button background*/
    --ld_col_bkg_fallback_l: #b3d6d6;
    --ld_col_bkg_gradient_m: radial-gradient(#88aec1, #4a6b7a); /*modul background*/
    --ld_col_bkg_fallback_m: #4a6b7a;
    --ld_col_bkg_gradient_n: linear-gradient(to top, #159851, #62d3a6); /*diary mood good background*/
    --ld_col_bkg_fallback_n: #159851;
    --ld_col_bkg_gradient_o: linear-gradient(to top, #eb8010, #f8c350); /*diary mood neutral background*/
    --ld_col_bkg_fallback_o: #eb8010;
    --ld_col_bkg_gradient_p: linear-gradient(to top, #b61f0e, #e1714d); /*diary mood bad background*/
    --ld_col_bkg_fallback_p: #b61f0e;
    --ld_col_bkg_gradient_q: linear-gradient(#E4EAEC, #D5DFE2); /* register and login */
    --ld_col_bkg_fallback_q: #DEE5E8;
	--ld_col_bkg_gradient_r: linear-gradient(to bottom, #c6d5db, #b8cdd5); /*diashow background*/
    --ld_col_bkg_fallback_r: #9fb5bf;
    --ld_col_bkg_gradient_s: linear-gradient(to bottom, #f5f8f8, #e9edef); /*Dashboard Header background*/


    --ld_col_bkg_solid_a: #dbe0e2;
    --ld_col_bkg_solid_b: #37BEB630; /*diary header icon active*/

    /*Font colors*/
    --ld_col_font_a: #F4F7F8; /*very light grey*/
    --ld_col_font_b: #37BEB6; /*bluegreen*/
    --ld_col_font_c: #6F777A; /*grey */
    --ld_col_font_d: #1390B8; /*blue*/
    --ld_col_font_e: #3F9792; /*mint*/
    --ld_col_font_f: #9baeb4; /*lightgray #1390B8*/
    --ld_col_font_g: #1390B8; /*lightblue*/

    /*Font colors for icons and objects*/
    --ld_col_obj_a: #81cfb1; /*good mood calendar*/
    --ld_col_obj_b: #e6c381; /*neutral mood calendar*/
    --ld_col_obj_c: #d08a7c; /*bad mood calendar*/
    --ld_col_obj_d: #6cb7ce; /*profile trophy base color*/
    --ld_col_obj_e: #cea47f; /*profile trophy bronze*/
    --ld_col_obj_f: #c0c0c0; /*profile trophy silver*/
    --ld_col_obj_g: #f9e575; /*profile trophy gold*/
    --ld_col_obj_h: #79c7c5; /*moduls add modul button*/
    --ld_col_obj_i: rgba(255, 255, 255, 0.15); /*scales game transparent*/
    --ld_col_obj_j: rgba(255, 255, 255, 0.3); /*scales game transparent2*/
    --ld_col_obj_k: #37be83; /*right answer quiz*/
    --ld_col_obj_l: #cf3f21; /*wrong answer quiz*/
    --ld_col_obj_m: #98cec1; /*right answer shadow*/
    --ld_col_obj_n: #2a9265; /*right answer shadow text*/

    /* Colors for CMS*/
    --ld_col_cms_header: var(--ld_col_font_d);
    --ld_col_cms_buttonA: #1390B8;
    --ld_col_cms_buttonA_hover: #12799A;
    --ld_col_cms_buttonB: var(--ld_col_cms_bkgB);
    --ld_col_cms_buttonB_hover: #2F9A94;
    --ld_col_cms_bkgA: #B8D8D9;
    --ld_col_cms_bkgB: #36B6AF;
    --ld_col_cms_bkg_inputfield:#D9ECEC;
    --ld_col_cms_bkg_counterfield: var(--ld_col_cms_bkg_inputfield);
    --ld_col_cms_bkg_modulstep: #ECECEC;
    --ld_col_cms_bkg_header: var(--ld_col_font_d);
    --ld_col_cms_fontA: var(--ld_col_font_c); /*grey*/
    --ld_col_cms_fontB: var(--ld_col_font_a); /*very light grey*/
    --ld_col_cms_fontC: var(--ld_col_cms_bkgB); /*very mint green*/



    /*Font Sizes*/
    --ld_font_size_smal: 0.8rem;
    --ld_font_size_normal: 1rem;
    --ld_font_size_big: 2rem;
    --ld_font_size_p: 1.15rem;
    --ld_font_size_h1: 1.45rem;

    --ld_cms_font_size_normal: 1.25rem;
    --ld_cms_font_size_counter: 2rem;

    /*Font Weights*/
    --ld_font_weight_light: 300;
    --ld_font_weight_normal: 400;
    --ld_font_weight_semibold: 550;
    --ld_font_weight_bold: 700;
    --ld_font_weight_black: 800;

    /*Distances*/
    --ld_dist_page_left: 1rem;
    --ld_dist_page_right: 1rem;
    --ld_dist_modules_banner: 15vw;

    /*Borderradius*/
    --ld_radius_a: 5px;
    --ld_radius_b: 10px;

}



/* TODO(lm): apply naming conventions */
:host, :root {
    /* box */
    --ld_box_dark_bg: var(--col_jhs_old_sec_black_900);
    --ld_box_dark_bg_hover: var(--col_jhs_old_sec_black_880);
    --ld_box_dark_fg: White;

    /* list */
    --ld_dropdown_btn_bg_col:     var(--ld_col_primary_400);
    --ld_dropdown_btn_bg_col_hov: var(--ld_col_primary_200);

    /* list */
    --ld_list_entry_odd_bg: #333333;
    --ld_list_entry_odd_fg: White;
    --ld_list_entry_even_bg: #222222;
    --ld_list_entry_even_fg: White;
    --ld_list_entry_hov_bg: #444444;
    --ld_list_entry_hov_fg: White;
    --ld_list_entry_sel_bg: var(--ld_col_primary_400);
    --ld_list_entry_sel_fg: var(--ld_col_primary_400);
}