@use 'iro-sass/src/index' as iro;
@use 'iro-sass/src/responsive' as res;
@use 'include-media/dist/include-media' as media;

iro.$vars-root-size: 16px;

media.$breakpoints: (
    lg: 1340px,
    md: 900px,
    sm: 620px,
    xs: 400px,
);

media.$unit-intervals: (
    'px':  1,
    'em':  .01,
    'rem': .01,
    '':    0
);

res.$named-viewports: media.$breakpoints;

$wanted-grays: (
    --1:  -1.2,
    --2:  -1.1,
    --3:  1,

    --4:  1.15,
    --5:  1.35,
    --6:  1.7,

    --7:  2.4,
    --8:  3.3,
    --9:  6,
    --10: 11,
    --11: 19,
);