/* Minification failed. Returning unminified contents.
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*
    This is the COLOR stylesheet for the Turbogom group
    
    to change global atomic helpers use the Atomic-helper stylesheet
    to change the layout of a specific component use the Layout stylesheet
    to change the colors of a specific component use the Color stylesheet
    to change the effects of a specific component use the Effect stylesheet
*/

/*
    source:
    https://www.freecodecamp.org/news/css-naming-conventions-that-will-save-you-hours-of-debugging-35cea737d849/

    BEM Naming Convention

    Block. e.g. header, footer, any other block of design
    Elements. e.g. link, button, any child component
    Modifiers. e.g. color(red, blue), state(clicked, selected), 

    .block
    .block--modifier
    .block__element
    .block__element--modifier


    JS classes
    only used by javascript, no css style
    prefilx with "js-*"
    
    .js-block
     
*/

:root {
    --color-brand: #aaa;
    --light__bg: #ddd;
    --btn--secondary__bg: white;
    --btn--secondary__text: black;
    --btn--secondary--hover__bg: white;
    --btn--secondary--focus__bg: #ccc;
    --btn--secondary--active__bg: #ccc;
    --card-header__bg: #ccc;
    --tabs-link__bg: #fff3cd;
    --tabs-link--active__bg: #328FBF;
    --tabs-link--active__text: white;
}
