/*
https://javisperez.github.io/tailwindcolorshades/#/?bahia=a2d322&black=000000&white=FFFFFF&Outer%20Space=343a40&tv=1
https://dev.to/ananyaneogi/create-a-dark-light-mode-switch-with-css-variables-34l8
    'bahia': {
    100: '#F6FBE9',
    200: '#E8F4C8',
    300: '#DAEDA7',
    400: '#BEE064',
    500: '#A2D322',
    600: '#92BE1F',
    700: '#617F14',
    800: '#495F0F',
    900: '#313F0A',
    },
 */

:root {
    --link-color: #617F14;
    --link-color-hover: #A2D322;
    --border-color: #ced4da;
    --background-color: #FFFFFF;
    --font-color: #101113;
    --brand-color:  #A2D322;
}

[data-theme="dark"] {
    --link-color: #92BE1F;
    --link-color-hover: #DAEDA7;
    --border-color: #717579;
    --background-color: #2F343A;
    --font-color: #EBEBEC;
    --brand-color:  #A2D322;
}

body {
    background-color: var(--background-color);
    color: var(--font-color);
}

.table {
    color: var(--font-color);
}

.form-control, .form-control:focus {
    color: var(--font-color);
    background-color: var(--background-color);
    border-color: var(--border-color);
}

hr {
    height: 1px;
    color: var(--border-color);
    background-color: var(--border-color);
    border: none;
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-color-hover);
}

.checklist_checklistModules-collection-action,
.checklist_individualChecks-individual_checks_collection-action,
.module_sharedChecks-collection-action{
    color: var(--font-color);
}

.container {
    padding-top: 10px;
}

.module-group {
    border: 1px solid var(--border-color);
    border-radius: 0.25rem;
    margin-bottom: 0.3em;
    padding-top: 0.5em;
}

.module-label {
    font-weight: bold;
    font-size: larger;
}

.check-group {
    border-bottom: var(--border-color);
}

.collection-row {
    border: 1px solid var(--border-color);
    border-radius: 0.25rem;
    margin-bottom: 0.3em;
    padding-top: 0.5em;
}


.nav-link .bi {
    color: var(--brand-color);
}