/*
   CSS styling examples for the Vaadin app.

   Visit https://vaadin.com/docs/styling/application-theme/ for more information.
*/

@import url("dev-login.css");

html {
}

[theme~="dark"] {
    --lumo-primary-text-color: rgb(0, 144, 231);
    --lumo-primary-color-50pct: rgba(0, 144, 231, 0.5);
    --lumo-primary-color-10pct: rgba(0, 144, 231, 0.1);
    --lumo-primary-color: #0090E7;
}

.no-link-style {
    color: inherit;
}

.no-link-style:hover {
    color: inherit;
}


/* LIGHT THEME (default) */
:root {
    --gray: #808080;
    --yellow: #EFDF00;
    --green: #00BD52;
    --orange: #FFAB00;
    --red: #FC424A;
    --violet: #8F5FE8;


    /* criticalityreduction */
    --fatal-text: var(--violet);

    /* AssetStatus colors */
    --assetstatus-undefined: var(--gray);
    --assetstatus-open: var(--yellow);
    --assetstatus-done: var(--green);
    --assetstatus-doing: var(--orange);

    /* Probability */
    --probability-rare: var(--green);
    --probability-unlikely: var(--yellow);
    --probability-possible: var(--orange);
    --probability-likely: var(--red);
    --probability-almost_certain: var(--violet);

    /* Damage */
    --damage-minimal: var(--green);
    --damage-minor: var(--yellow);
    --damage-moderate: var(--orange);
    --damage-major: var(--red);
    --damage-critical: var(--violet);

    /* AssetRiskActionStatus */
    --assetriskactionstatus-done: var(--green);
    --assetriskactionstatus-doing: var(--orange);
    --assetriskactionstatus-todo: var(--red);
    --assetriskactionstatus-overdue: var(--violet);

    /* Priority */
    --priority-none: var(--gray);
    --priority-low: var(--green);
    --priority-medium: var(--orange);
    --priority-high: var(--red);

    /* Impact */
    --impact-low: var(--green);
    --impact-medium: var(--orange);
    --impact-high: var(--red);

    /* Status */
    --status-todo: var(--red);
    --status-doing: var(--orange);
    --status-done: var(--green);

    /* Criticality */
    --criticality-undefined: var(--gray);
    --criticality-low: var(--green);
    --criticality-medium: var(--orange);
    --criticality-high: var(--red);

    /* criticalityreduction */
    --criticalityreduction-none: var(--red);
}

/* DARK THEME */
:root[theme="dark"] {
    /* Override only if different */
    /*--assetstatus-doing: #FFAB00;*/
}