/* Variables for colors and other stuff ------------------------------------- */
/* Style ONLY applied in light mode */
:root {
    --textRegular: 14px; /* Text size regular */
    --textLarge: 16px; /* Text size large */
    --textSmall: 12px; /* Text size small */
    --textXSmall: 11px; /* Text size extra small */
    --textXLarge: 24px; /* Text size extra large, used for quote detail */
    --lineHeightReg: 18px; /* Line height regular) */
    --colTextReg: #333; /* Color of regular text */
    --colTextLgt: #565656; /* Color of light text */
    --colTextPos: #60962D; /* Color of positive amounts */
    --colTextNeg: #E00; /* Color of negative amounts */
    --colTitle: #333; /* Color of regular text */
    --colPlaceholder: #949494; /* Color of placeholder for input fields */
    --colBgPage: #FFF; /* Background color of page */
    --colBgCardHead: #F5F5F5; /* Background color of card head */
    --colBgCardBody: #FFF; /* Background color of card body */
    --colBorder: #E3E3E3; /* Color of (card) borders */
    --colBorder2: #E3E3E3; /* Secondary color of borders */
    --colShadow: rgba(0, 0, 0, 0.1); /* Shadow for Cards */
    --colInputBg: #FFF; /* Background color of input fields */
    --colInputBorder: #949494; /* Border color of input fields */
    --colInputText: var(--colTextReg); /* Border color of input fields */
    --colInputLabel: var(--colTextLgt); /* Border color of input fields */
    --colDisabledBg: var(--colBgCardHead); /* Background color of disabled input fields */
    --colBtRoundBackground: var(--colBgCardHead); /* Background color of round action buttons */
    --colBtRoundBorder: #DBDBDB; /* Border color of round action buttons */
    --colBtRoundText: var(--colTextLgt); /* Text color of round action buttons */
    --colBtPrimBackground: #E00; /* Background color of primary buttons (OLD) */
    --colBtPrimBorder: #E00; /* Border color of primary buttons (OLD) */
    --colBtPrimStdBackground: #E00; /* Background color of primary buttons */
    --colBtPrimStdBorder: #E00; /* Border color of primary buttons */
    --colBtPrimStdText: #FFF; /* Text color of primary buttons */
    --colBtPrimHovBackground: #D40000; /* Background color of primary buttons (hover) */
    --colBtPrimHovBorder: #D40000; /* Border color of primary buttons (hover) */
    --colBtPrimHovText: #FFF; /* Text color of primary buttons (hover) */
    --colBtSecStdBackground: transparent; /* Background color of secondary buttons standard */
    --colBtSecStdBorder: #565656; /* Border color of secondary buttons standard */
    --colBtSecStdText: var(--colBtSecStdBorder); /* Text color of secondary buttons standard */
    --colBtSecHovBackground: #565656; /* Background color of secondary buttons active */
    --colBtSecHovBorder: #565656; /*Border color of secondary buttons active */
    --colBtSecHovText: #E3E3E3; /* Text color of secondary buttons active */
    --colBtSecDisBackground: transparent; /* Background color of secondary buttons disabled */
    --colBtSecDisBorder: #BEBEBE; /* Border color of secondary buttons disabled */
    --colBtSecDisText: var(--colBtSecDisBorder); /* Text color of secondary buttons disabled */
    --colBgAreaIcon: #FFF; /* Background color of icon in tile header */
    --colBgChart: #FFF; /* Background color of charts */
    --colBrand: #E00;
    --colTextBrand: #FFF;
    --colMenuTitle: #E00;
    --colMenuHoverBg: #E00;
    --colMenuHoverText: #FFF;
}
 /* Style ONLY applied in dark mode */
 @media (prefers-color-scheme: dark) {
    :root {
       --colTextReg: #E3E3E3; /* Color of regular text */
       --colTextLgt: #CCC; /* Color of light text */
       --colTextPos: #ADC992; /* Color of positive amounts */
       --colTextNeg: #EDB2B2; /* Color of negative amounts */
       --colTitle: #E3E3E3; /* Color of regular text */
       --colPlaceholder: #FFF; /* Color of placeholder for input fields */
       --colBgPage: #292929; /* Background color of page */
       --colBgCardHead: #565656; /* Background color of card head */
       --colBgCardBody: #444; /* Background color of card body */
       --colBorder: #222; /* Background color of (card) border */
       --colBorder2: #444; /* Secondary color of borders */
       --colShadow: var(--colBgPage); /* Shadow for Cards */
       --colInputBg: #444; /* Background color of input fields */
       --colInputBorder: #949494; /* Border color of input fields */
       --colInputText: var(--colTextReg); /* Border color of input fields */
       --colInputLabel: var(--colTextLgt); /* Border color of input fields */
       --colDisabledBg: var(--colBgCardHead); /* Background color of disabled input fields */
       --colBtRoundBackground: var(--colBgCardHead); /* Background color of round action buttons */
       --colBtRoundBorder: var(--colBgPage); /* Border color of round action buttons */
       --colBtRoundText: #DBDBDB; /* Text color of round action buttons */
       --colBtPrimStdBackground: #E00; /* Background color of primary buttons */
       --colBtPrimStdBorder: #E00; /* Border color of primary buttons */
       --colBtPrimStdText: #FFF; /* Text color of primary buttons */
       --colBtPrimHovBackground: #D40000; /* Background color of primary buttons (hover) */
       --colBtPrimHovBorder: #D40000; /* Border color of primary buttons (hover) */
       --colBtPrimHovText: #FFF; /* Text color of primary buttons (hover) */
       --colBtSecStdBackground: transparent; /* Background color of secondary buttons standard */
       --colBtSecStdBorder: #E3E3E3; /* Border color of secondary buttons standard */
       --colBtSecStdText: var(--colBtSecStdBorder); /* Text color of secondary buttons standard */
       --colBtSecHovBackground: #E3E3E3; /* Background color of secondary buttons active */
       --colBtSecHovBorder: var(--colBtSecHovBackground); /*Border color of secondary buttons active */
       --colBtSecHovText: #444; /* Text color of secondary buttons active */
       --colBtSecDisBackground: transparent; /* Background color of secondary buttons disabled */
       --colBtSecDisBorder: #949494; /* Border color of secondary buttons disabled */
       --colBtSecDisText: var(--colBtSecDisBorder); /* Text color of secondary buttons disabled */
       --colBgAreaIcon: #444; /* Background color of icon in tile header */
       --colBgChart: #444; /* Background color of charts */
       --colBrand: #E00;
       --colTextBrand: #FFF;
       --colMenuTitle: #E00;
       --colMenuHoverBg: #E00;
       --colMenuHoverText: #FFF;
    }
 }