@import "./custom/auth.css";
@import "./custom/message-board.css";
@import "./custom/dashboard.css";
@import "./custom/landing-page.css";
@import "./custom/app-card.css";
@import "./custom/nested-nav.css";
@import "./custom/subscription-card.css";
@import "./custom/subscription-selected-card.css";

html {
    --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
    --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
    --lumo-primary-color: hsl(214, 100%, 48%);
    --lumo-primary-text-color: hsl(214, 100%, 43%);
    --lumo-primary-contrast-color: #fff;

    --lumo-header-text-color: hsl(214, 35%, 15%);
    --lumo-body-text-color: hsla(214, 40%, 16%, 0.94);
    --lumo-secondary-text-color: hsla(214, 42%, 18%, 0.69);
    --lumo-tertiary-text-color: hsla(214, 45%, 20%, 0.52);
    --lumo-disabled-text-color: hsla(214, 50%, 22%, 0.26);

    --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
    --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
    --lumo-success-color: hsl(145, 72%, 30%);
    --lumo-success-text-color: hsl(145, 85%, 25%);
    --lumo-success-contrast-color: #fff;

    --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
    --lumo-warning-color: hsl(48, 100%, 50%);
    --lumo-warning-text-color: hsl(32, 100%, 30%);
    --lumo-warning-contrast-color: hsla(214, 40%, 16%, 0.94);

    --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
    --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
    --lumo-error-color: hsl(3, 85%, 48%);
    --lumo-error-text-color: hsl(3, 89%, 42%);
    --lumo-error-contrast-color: #fff;

    --lumo-contrast-5pct: hsla(214, 61%, 25%, 0.05);
    --lumo-contrast-10pct: hsla(214, 57%, 24%, 0.1);
    --lumo-contrast-20pct: hsla(214, 53%, 23%, 0.16);
    --lumo-contrast-30pct: hsla(214, 50%, 22%, 0.26);
    --lumo-contrast-40pct: hsla(214, 47%, 21%, 0.38);
    --lumo-contrast-50pct: hsla(214, 45%, 20%, 0.52);
    --lumo-contrast-60pct: hsla(214, 43%, 19%, 0.6);
    --lumo-contrast-70pct: hsla(214, 42%, 18%, 0.69);
    --lumo-contrast-80pct: hsla(214, 41%, 17%, 0.83);
    --lumo-contrast-90pct: hsla(214, 40%, 16%, 0.94);
    --lumo-contrast: hsl(214, 35%, 15%);

    --lumo-base-color: #fff;
}

vaadin-app-layout {
    background-color: white;
}