/* Global styles for Vaadin application */

:root {
    --lumo-border-radius: 0.5em;

    --lumo-shade-5pct: rgba(30, 35, 50, 0.05);
    --lumo-shade-10pct: rgba(30, 35, 50, 0.1);
    --lumo-shade-20pct: rgba(30, 35, 50, 0.2);
    --lumo-shade-30pct: rgba(30, 35, 50, 0.3);
    --lumo-shade-40pct: rgba(30, 35, 50, 0.4);
    --lumo-shade-50pct: rgba(30, 35, 50, 0.5);
    --lumo-shade-60pct: rgba(30, 35, 50, 0.6);
    --lumo-shade-70pct: rgba(30, 35, 50, 0.7);
    --lumo-shade-80pct: rgba(30, 35, 50, 0.8);
    --lumo-shade-90pct: rgba(30, 35, 50, 0.9);
    --lumo-shade: rgb(30, 35, 50);

    --lumo-tint-5pct: rgba(129, 169, 197, 0.05);
    --lumo-tint-10pct: rgba(129, 169, 197, 0.1);
    --lumo-tint-20pct: rgba(129, 169, 197, 0.2);
    --lumo-tint-30pct: rgba(129, 169, 197, 0.3);
    --lumo-tint-40pct: rgba(129, 169, 197, 0.4);
    --lumo-tint-50pct: rgba(129, 169, 197, 0.5);
    --lumo-tint-60pct: rgba(129, 169, 197, 0.6);
    --lumo-tint-70pct: rgba(129, 169, 197, 0.7);
    --lumo-tint-80pct: rgba(129, 169, 197, 0.8);
    --lumo-tint-90pct: rgba(129, 169, 197, 0.9);
    --lumo-tint: rgb(129, 169, 197);

    --lumo-primary-text-color: rgb(149, 140, 106);
    --lumo-primary-color-50pct: rgba(175, 154, 80, 0.5);
    --lumo-primary-color-10pct: rgba(175, 154, 80, 0.1);
    --lumo-primary-color: rgba(175, 154, 80, 1);

    --lumo-success-text-color: rgb(39, 196, 159);
    --lumo-success-color-50pct: rgba(39, 196, 159, 0.5);
    --lumo-success-color-10pct: rgba(39, 196, 159, 0.1);
    --lumo-success-color: hsl(166, 67%, 46%);

    --lumo-error-text-color: rgb(211, 111, 112);
    --lumo-error-color-50pct: rgba(211, 111, 112, 0.5);
    --lumo-error-color-10pct: rgba(211, 111, 112, 0.1);
    --lumo-error-color: hsl(359, 53%, 63%);
}