@import 'components/bass-notification.css';
@import 'components/bass-notification-host.css';
@import 'components/bassButton.css';
@import 'components/menu-bar.css';
@import 'components/nadzornaPlosca.css';

@import 'components/no_host_style.css';
@import 'components/scrollbar.css';
@import 'components/tooltipstil.css';

@import 'components/slider-tab.css';

@import 'components/vaadin-context-menu-item.css';
@import 'components/vaadin-dialog.css';
@import 'components/bass_grid.css';
@import 'components/label.css';

@import 'components/vaadin-text-field-bass.css';
@import 'components/vaadin-combo-box-bass.css';
@import 'components/vaadin-select-bass.css';
@import 'views/main-layout.css';
@import 'components/bass-loading-indicator.css';
@import 'components/tabsheet-bass.css';

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

@import 'views/main-layout.css';
@import 'views/loginView.css';

html {
    /* nastavljen fiksno roboto */
    --lumo-font-family: "Inter" !important;

    /* 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-siva: #d9d9d9;
    --biblija-siva2: #e9e9e9;

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

    --visina-gumbov: 43px;
    --visina-gumbov-grid: 35px;

    --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-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: #757575;

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

    --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: #DEF6FF;
    --barva2: #DEF6FF;
    --barva3: #F2D8D6;
    --barva4: #F2D8D6;
    --barva5: #D3F4C6;
    --barva6: #D3F4C6;
    --barva7: #f0d2f7;
    --barva8: #f0d2f7;
    --barva9: #D3F4C6;
    --barva10: #d6d6f2;

    --barva11: #DEF6FF;
    --barva12: #DEF6FF;
    --barva13: #F2D8D6;
    --barva14: #F2D8D6;
    --barva15: #f0d2f7;
    --barva16: #f0d2f7;
    --barva17: #d6d6f2;
    --barva18: #d6d6f2;
    --barva19: #d6d6f2;
    --barva20: #d6d6f2;

    --barva21: #FFFDD2;
    --barva22: #FFFDD2;
    --barva23: #f0d2f7;
    --barva24: #DEF6FF;
    --barva25: #f0d2f7;
    --barva26: #DEF6FF;
    --barva27: #f0d2f7;
    --barva28: #FFFDD2;
    --barva29: #FFFDD2;
    --barva30: #d6d6f2;

    --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: #212121;

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