/*https://vaadin.com/docs/latest/styling/advanced/reusable-theme*/

/*!* To load the Lumo theme - base foundation *!*/
@import '../lumo/lumo.css';
@import '../lumo/utility.css';

@import 'komponente/bass-loading-indicator.css';
@import 'komponente/vaadin-grid-popover-overlay.css';
@import 'komponente/vaadin-dialog-overlay.css';
@import 'komponente/vaadin-button.css';
@import 'komponente/vrstaDokumentaBarve.css';
@import 'komponente/vaadin-notification-card.css';
@import 'komponente/vaadin-menu-bar.css';
@import 'komponente/vaadin-combo-box.css';
@import 'komponente/slider-tab.css';
@import 'komponente/vaadin-text-field.css';
@import 'komponente/vaadin-grid-sorter.css';
@import 'komponente/bass-notification.css';
@import 'komponente/tooltipstil.css';
@import 'komponente/vaadin-tabsheet.css';
@import 'komponente/vcf-popup-overlay.css';
@import 'komponente/vaadin-accordion.css';
@import 'komponente/scrollbar.css';
@import 'komponente/vaadin-popover.css';
@import 'komponente/vaadin-select.css';
@import 'komponente/vaadin-context-menu.css';
@import 'komponente/vaadin-grid.css';
@import 'komponente/vaadin-checkbox.css';
@import 'komponente/main-layout.css';
@import 'komponente/vaadin-upload.css';
@import 'komponente/vaadin-avatar.css';
@import 'komponente/duration-fieldb.css';
@import 'komponente/countdown-timer.css';
@import 'komponente/cookieconsent.css';
@import 'komponente/vaadin-details.css';

@import 'podjetjeBass.css';
@import 'datoteke-izpis.css';

/*font import*/
@import 'fonts/inter/inter.css';

html {
    transition: all 0.2s ease;

    --lumo-font-family: "Inter" !important;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

    /* Compact font sizes */
    --lumo-font-size-xxs: 11px; /* very small metadata */
    --lumo-font-size-xs: 12px; /* captions, dense UI */
    --lumo-font-size-s: 13px; /* labels, table cells */
    --lumo-font-size-m: 14px; /* base body text */
    --lumo-font-size-l: 15px; /* large body / compact subheadings */
    --lumo-font-size-xl: 16px; /* section headings */
    --lumo-font-size-xxl: 18px; /* page headings */
    --lumo-font-size-xxxl: 20px; /* dashboard / hero titles */

    /* Line heights tuned for compact scale */
    --lumo-line-height-xxs: 1.4; /* 11px → ~15px */
    --lumo-line-height-xs: 1.45; /* 12px → ~17px */
    --lumo-line-height-s: 1.45; /* 13px → ~19px */
    --lumo-line-height-m: 1.5; /* 14px → 21px (primary body text) */
    --lumo-line-height-l: 1.45; /* 15px → ~22px */
    --lumo-line-height-xl: 1.4; /* 16px → ~22px */
    --lumo-line-height-xxl: 1.35; /* 18px → ~24px */
    --lumo-line-height-xxxl: 1.3; /* 20px → ~26px */

    --border-radius-gumbi: 25px;
    --border-radius-okna-dialogi: 15px;
    --border-radius-notification: 8px;

    --biblija-zelena: #73b474;

    --biblija-rdeca1: #ee7c7c;

    --biblija-rdeca2: #fdeeec;

    --biblija-modra1: #76b3bd;
    --biblija-modra2: #5d7683;
    --biblija-modra3: #5aa9c0;
    --biblija-modra4: #245c77;

    --biblija-oranzna: #f7a73a;
    --biblija-oranzna1: #E55E20;
    --biblija-badge: #245c77;; /*#5D7683;*/
    --biblija-siva: #d9d9d9;
    --biblija-siva2: #e9e9e9;

    --biblija-disabled-barva: #e9e9e9;
    --biblija-error-barva: #f9aba3;

    --visina-gumbov: 34px;
    --visina-gumbov-grid: 32px;

    --biblija-status-koncna-pisava: #1C3B31;
    --biblija-status-koncna-ozadje: #A6DBB8;
    /*#A6DBB8;*/

    --biblija-status-nevtralna-pisava: #114855;
    --biblija-status-nevtralna-ozadje: #BDEBF1;

    --biblija-status-vmesna-pisava: #664200;
    --biblija-status-vmesna-ozadje: #FFE3A7;

    --biblija-status-dopolnjevanje-pisava: #613500;
    --biblija-status-dopolnjevanje-ozadje: #FAC07A;

    --biblija-status-napake-pisava: #5C1814;
    --biblija-status-napake-ozadje: #F9ABA3;

    --biblija-status-dodatna1-pisava: #473555;
    --biblija-status-dodatna1-ozadje: #DBC7ED;

    --biblija-status-dodatna2-pisava: #063665;
    --biblija-status-dodatna2-ozadje: #A4CBF1;

    --biblija-status-brez-pisava: #777777;
    --biblija-status-brez-ozadje: #d0d0d0;

    --biblija-placeholder-text-color: #b5b5b5;

    --biblija-glavni-naslov-barva: #46758B;
    --biblija-pod-naslov-barva: #487D8E;
    --biblija-napaka-field-text-color: #ff5842;
    --biblija-napaka-field-ozadje-color: var(--biblija-rdeca2);

    --vaadin-input-field-required-indicator-color: var(--biblija-napaka-field-text-color);

    --vaadin-input-field-error-color: var(--biblija-napaka-field-text-color);
    --vaadin-input-field-invalid-background: var(--biblija-napaka-field-ozadje-color);
    --vaadin-input-field-background: #fdfdfd;
    --vaadin-input-field-border-color: #c3c3c3;
    --vaadin-input-field-border-width: 1px;
    --vaadin-input-field-border-radius: 4px;
    --vaadin-input-field-placeholder-color: var(--biblija-placeholder-text-color);
    --vaadin-input-field-height: 34px;

    --vaadin-focus-ring-color: var(--biblija-modra1);

    /* Disabled look */
    --vaadin-input-field-disabled-background: var(--lumo-contrast-5pct);
    --vaadin-input-field-disabled-value-color: var(--biblija-text-field-disabled-readonly-pisava);

    /* Readonly look: remove dashed border */
    --vaadin-input-field-readonly-border: var(--vaadin-input-field-border-width) solid var(--vaadin-input-field-border-color);

    --vaadin-checkbox-size: 23px;
    --vaadin-checkbox-background: #fdfdfd;
    --vaadin-checkbox-disabled-background: var(--biblija-disabled-barva);

    --vaadin-radio-button-size: 23px;
    --vaadin-radio-button-background: #fdfdfd;
    --vaadin-radio-button-disabled-background: var(--biblija-disabled-barva);

    --biblija-notification-obvestilo-barva: #5aa9c0;
    --biblija-notification-opozorilo-barva: #F5A623;
    --biblija-notification-napaka-barva: #c85e58;
    --biblija-notification-uspesno-barva: #73b474;

    --biblija-notification-obvestilo-naslov-text-shadow: 0 0 0px rgba(90, 169, 192, 0.3);
    --biblija-notification-opozorilo-naslov-text-shadow: 0 0 0px rgba(245, 166, 35, 0.3);
    --biblija-notification-napaka-naslov-text-shadow: 0 0 0px rgba(200, 94, 88, 0.3);
    --biblija-notification-uspesno-naslov-text-shadow: 0 0 0px rgba(115, 180, 116, 0.3);

    --biblija-notification-obvestilo-rob-barva: rgba(90, 169, 192, 0.4);
    --biblija-notification-opozorilo-rob-barva: rgba(245, 166, 35, 0.4);
    --biblija-notification-napaka-rob-barva: rgba(200, 94, 88, 0.4);
    --biblija-notification-uspesno-rob-barva: rgba(115, 180, 116, 0.4);

    --biblija-notification-ozadje-obvestilo-barva: rgba(227, 239, 243, 0.8);
    --biblija-notification-ozadje-opozorilo-barva: rgba(252, 242, 225, 0.9);
    --biblija-notification-ozadje-napaka-barva: rgba(247, 227, 225, 0.85);
    --biblija-notification-ozadje-uspesno-barva: rgba(227, 242, 227, 0.9);
    --biblija-notification-ozadje-blur: 16px;

    --biblija-text-field-disabled-readonly-pisava: #707e85;

    --barva1: #FCF7CF; /* RI Izdani račun*/
    --barva2: #D3F4C6; /* PI Izhodna pošta*/
    --barva3: #E4DAD1; /* IP Investicija"*/
    --barva4: #FEE3D0; /* RP Prejeti račun"*/
    --barva5: #BDE2E8; /* PP Prejeta pošta"*/

    --barva6: #95D8F2;
    --barva7: #A2C3E9;
    --barva8: #D2CFEB;
    --barva9: #D6D6F2;

    --barva10: #F0D2F7;
    --barva11: #EAC2DC;
    --barva12: #FCCED1;
    --barva13: #F2D8D6;
    --barva14: #FFF0E8;
    --barva15: #DAE0DC;
    --barva16: #E9E8E4;
    --barva17: #E0ECE8;
    --barva18: #C2DEB8;
    --barva19: #A6D9D6;
    --barva20: #D7EFF8;

    --lumo-clickable-cursor: pointer;

    --lumo-space-xl: 1.875rem;
    --lumo-space-l: 1.25rem;
    --lumo-space-m: 0.625rem;
    --lumo-space-s: 0.3125rem;
    --lumo-space-xs: 0.1875rem;
    --lumo-size-xl: 3rem;
    --lumo-size-l: 2.5rem;
    --lumo-size-m: 2rem;
    --lumo-size-s: 1.75rem;
    --lumo-size-xs: 1.5rem;

    --lumo-primary-text-color: var(--biblija-modra1);

    --lumo-primary-color-temna: #5d7683;
    --lumo-primary-color-temna-10pct: rgba(92, 117, 130, 0.1);

    /*--lumo-primary-color: #6dccdc;*/
    --lumo-primary-color: var(--biblija-modra1);
    --lumo-primary-color-50pct: rgba(110, 203, 219, 0.5);
    --lumo-primary-color-10pct: rgba(110, 203, 219, 0.1);

    --lumo-error-text-color: var(--biblija-rdeca1);
    --lumo-error-color-50pct: rgba(191, 38, 48, 0.5);
    --lumo-error-color-10pct: rgba(191, 38, 48, 0.1);
    --lumo-error-color: var(--biblija-rdeca1);

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

    --lumo-success-text-color: var(--biblija-zelena);
    --lumo-success-color-50pct: rgba(134, 194, 62, 0.5);
    --lumo-success-color-10pct: rgba(134, 194, 62, 0.1);
    --lumo-success-color: #87c33f;

    --lumo-body-text-color: #2e2e2e; /*#212121*/

    --lumo-tertiary-text-color: #464646;
    --lumo-disabled-text-color: #707e85;
    --lumo-header-text-color: #363636;
    --lumo-base-color: #fcfcfc;
    --lumo-secondary-text-color: #464646;
}