@import url("./font-ptsans.css");

html,
body {
    background-color: #fafafa;
}

html {
    --lumo-font-family: "PT Sans", Arial, sans-serif;

    --lumo-primary-color: #41c3d9;
    --lumo-primary-color-50pct: rgba(65, 195, 217, 0.5);
    --lumo-primary-color-10pct: rgba(65, 195, 217, 0.1);
    --lumo-primary-text-color: #008aa0;

    --lumo-success-color: #b8cf00;
    --lumo-success-color-50pct: rgba(184, 207, 0, 0.5);
    --lumo-success-color-10pct: rgba(184, 207, 0, 0.12);
    --lumo-success-text-color: #6f7d00;

    --lumo-body-text-color: #000000;
    --lumo-header-text-color: #000000;
    --lumo-secondary-text-color: #929497;
    --lumo-tertiary-text-color: rgba(146, 148, 151, 0.75);

    --lumo-contrast: #000000;
    --lumo-contrast-90pct: rgba(0, 0, 0, 0.9);
    --lumo-contrast-80pct: rgba(0, 0, 0, 0.8);
    --lumo-contrast-70pct: rgba(0, 0, 0, 0.7);
    --lumo-contrast-60pct: rgba(0, 0, 0, 0.6);
    --lumo-contrast-50pct: #929497;
    --lumo-contrast-40pct: rgba(146, 148, 151, 0.8);
    --lumo-contrast-30pct: rgba(146, 148, 151, 0.6);
    --lumo-contrast-20pct: rgba(146, 148, 151, 0.35);
    --lumo-contrast-10pct: rgba(146, 148, 151, 0.18);
    --lumo-contrast-5pct: rgba(146, 148, 151, 0.1);

    --lumo-base-color: #ffffff;
    --lumo-shade: #000000;
    --lumo-tint: #ffffff;
}

a {
    color: var(--lumo-primary-text-color);
}

a:hover {
    color: #41c3d9;
}

h1,
h2,
h3 {
    color: #000000;
}

vaadin-button[theme~="primary"] {
    background-color: #41c3d9;
    color: #000000;
}

vaadin-button[theme~="primary"]:hover {
    background-color: #b8cf00;
}

vaadin-button {
    color: #008aa0;
}

vaadin-button:hover {
    color: #000000;
}

vaadin-accordion-panel::part(summary) {
    color: #000000;
}

vaadin-accordion-panel[opened]::part(summary) {
    color: #008aa0;
}

vaadin-text-field::part(input-field),
vaadin-text-area::part(input-field),
vaadin-select::part(input-field),
vaadin-integer-field::part(input-field) {
    background-color: #ffffff;
    border: 1px solid rgba(146, 148, 151, 0.35);
}

vaadin-checkbox::part(checkbox),
vaadin-checkbox-group vaadin-checkbox::part(checkbox) {
    border-color: #929497;
}

vaadin-checkbox[checked]::part(checkbox),
vaadin-checkbox-group vaadin-checkbox[checked]::part(checkbox) {
    background-color: #41c3d9;
    border-color: #41c3d9;
}

vaadin-text-area.request-preview::part(input-field) {
    overflow-x: hidden;
}

vaadin-text-area.request-preview > textarea[slot="textarea"] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow-x: hidden;
    resize: none;
}