:root {
    /* Light theme by default */
    --font-color: var(--font-color-light);
    --h-font-color: var(--h-font-light);
    --bg-color: var(--bg-color-light);
    --disabled-color: var(--disabled-color-light);
    --accent-color: var(--accent-color-light);

    --primary-color: var(--primary-color-light);

    --strong-color: var(--strong-color-light);
    --header-accent: var(--header-accent-light);
    --header-border-color: var(--header-border-color-light);

    --accent-color-1: var(--accent-color-1-light);
    --accent-color-2: var(--accent-color-2-light);
    --accent-color-3: var(--accent-color-3-light);
    --accent-color-4: var(--accent-color-4-light);
    --accent-color-5: var(--accent-color-5-light);

}


[data-theme="dark"]{
    --font-color: var(--font-color-dark);
    --bg-color: var(--bg-color-dark);

    --h-font-color: var(--h-font-color-dark);

    --disabled-color: var(--disabled-color-dark);
    --accent-color: var(--accent-color-dark);
    --primary-color: var(--primary-color-dark);

    --strong-color: var(--strong-color-dark);
    --header-accent: var(--header-accent-dark);
    --header-border-color: var(--header-border-color-dark);

    --accent-color-1: var(--accent-color-1-dark);
    --accent-color-2: var(--accent-color-2-dark);
    --accent-color-3: var(--accent-color-3-dark);
    --accent-color-4: var(--accent-color-4-dark);
    --accent-color-5: var(--accent-color-5-dark);
}