/**
    Css layer 1.
    this should contain all existing variables in Sparq and Angular because this is the final fallback
 */
:root {
    --ns-primary-color: #ffffff;
    --ns-primary-bg-color: #b8182b;

    --ns-background-color-1: var(--ns-primary-bg-color);
    --ns-background-color-2: #000;
    --ns-background-color-3: #0f4d73;

    --ns-background-color-1-darken: #a11526;
    --ns-background-color-1-lighten: #f7bfc5;
    --ns-background-color-2-darken: #000;
    --ns-background-color-2-lighten: #737373;

    --ns-text-color-1: var(--ns-primary-color);
    --ns-text-color-2: #fff;

    --pp-background-color-1: var(--ns-background-color-1);
    --pp-background-color-2: var(--ns-background-color-2);
    --pp-background-color-3: var(--ns-background-color-3);

    --pp-background-color-1-darken: var(--ns-background-color-1-darken);
    --pp-background-color-1-lighten: var(--ns-background-color-1-lighten);
    --pp-background-color-2-darken: var(--ns-background-color-2-darken);
    --pp-background-color-2-lighten: var(--ns-background-color-2-lighten);

    --pp-text-color-1: var(--ns-text-color-1);
    --pp-text-color-2: var(--ns-text-color-2);
}