@import url('button_host.css');
@import url('grid.css');
@import url('label.css');
@import url('no_host_style.css');
@import url('textarea_host.css');
@import url('textfield_host.css');


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

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

    /* Compact font sizes */
    --lumo-font-size-xxs:   12px; /* very small metadata */
    --lumo-font-size-xs:    13px; /* captions, dense UI */
    --lumo-font-size-s:     14px; /* labels, table cells */
    --lumo-font-size-m:     15px; /* base body text */
    --lumo-font-size-l:     16px; /* large body / compact subheadings */
    --lumo-font-size-xl:    17px; /* 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 */
}