/*
 * QCentroid color theme
 *
 *
 */
 :root {
    --color-primary: #45A29E;
    --color-primary-hover: #2e7b78;
    --color-primary-light: #edeeef;
    --color-primary-10: #45A29E10;
    --color-primary-20: #45A29E20;
    --color-primary-B0: #45A29EB0;
    --color-primary-bg: #e8f3f3;

    --color-primary-hover-20: #2e7b7820;
    
    --color-accent: #45A29E;
    --color-accent-hover: #2e7b78;

    --color-secondary: #45A29E;
    --color-secondary-hover: #2e7b78;

    --hue-rotate-degrees: 316deg; /* For input[range] to turn blue into QCentroid's green */

    --color-bg-light: #f4f6f9;

    --color-info: #214287;
    --color-info-hover: #122c65;
    --color-info-light: #B0C2E650;
    --color-warning: #8b6416;
    --color-warning-light: #FFE8BC50;
    --color-danger: #C91F23;
    --color-danger-light: #FEBCBE50;
    --color-success: #20a419;
    --color-success-light: #B5F1B250;

    --color-badge-1: #214287;
    --color-badge-1-light: #21428733;
    --color-badge-2: #8b6416;
    --color-badge-2-light: #8b641633;
    --color-badge-3: #A11969;
    --color-badge-3-light: #A1196933;
    --color-badge-4: #8ABE1D;
    --color-badge-4-light: #8ABE1D33;
    --color-badge-5: #CBBA1F;
    --color-badge-5-light: #CBBA1F33;
    --color-badge-6: #801584;
    --color-badge-6-light: #80158433;

	--color-step-0-5: #959699;
    --color-step-1-5: #214287;
	--color-step-2-5: #205a6b;
	--color-step-3-5: #207350;
	--color-step-4-5: #208b35;
	--color-step-5-5: #20a419;

    --color-sidebar-dark-bakground: #1f2833;
    --color-sidebar-light-bakground: #fff;

    --color-bg-selected: var(--color-primary-10);
    --color-bg-done: var(--color-primary-20);
    --color-input-checked: var(--color-primary-B0);

    /* Dark mode colors */
    --dark-color-primary: #1B827E;
    --dark-color-primary-hover: #6ab5b1;
    --dark-color-bakground: #1f2833;

    --dark-color-success: #59c673;
}