/* Some color variables */
:root {
    --color-light: #f5f5f5;
    --color-dark: #000E14;
    --color-accent-1: #167F8D;
    --color-accent-2: #f19953;
    --color-accent-3: #EA1F2D;
}

/* Light mode variables */
:root {
    --background-color: var(--color-light);
    --text-color: var(--color-dark);
    --primary-color: var(--color-accent-1);
    --secondary-color: var(--color-accent-2);
    --accent-color: var(--color-accent-3);

}

/* Dark Theme */
[data-theme="dark"] {
    --background-color: var(--color-dark);
    --text-color: var(--color-light);
    --primary-color: var(--color-accent-2);
    --secondary-color: var(--color-accent-1);
    --accent-color: var(--color-accent-3);
}