/* One type scale for every page. Page stylesheets take their sizes from here, so a heading of
   the same kind is the same size everywhere. Base: body text 16px; each level is a clear step up.
   display ×6 · section H2 ×3.5 · card H2 ×2.5 · H3 ×1.75 · lead ×1.125 · body ×1 · kicker ×.75 */
:root{
 --fs-display:clamp(55px,6.7vw,108px);  /* one-word screen titles: «ЯЙЦО ОПТОМ», «О КОМПАНИИ» */
 --fs-h2:clamp(36px,3.9vw,56px);        /* section heading on an open page */
 --fs-h2-card:clamp(28px,2.8vw,40px);   /* heading inside a panel over a 3D scene */
 --fs-h3:clamp(24px,2vw,28px);
 --fs-lead:clamp(16px,1.25vw,18px);     /* the first, lighter paragraph under a heading */
 --fs-body:16px;
 --fs-kicker:12px;
 --fs-hint:13px;                        /* upper-case prompt at the foot of a scene */

 --lh-display:1;
 --lh-heading:1.1;
 --lh-h3:1.3;
 --lh-lead:1.7;
 --lh-body:1.75;

 --ls-display:.035em;
 --ls-heading:-.045em;
 --ls-h3:-.03em;
 --ls-kicker:.19em;
 --ls-company:.12em;
 --ls-hint:.14em;

 --c-heading:#f2f1e9;
 --c-lead:#e0e0d6;
 --c-body:#bcbeb3;
 --c-kicker:#c9b65d;                    /* section kicker: «ДОСТАВКА», «СКОРЛУПА» */
 --c-company:#c9c5b6;                   /* «ИП КОПЫЛОВА М.Н.» on a page's first screen */
 --c-hint:#cfccbf;
}
@media(max-width:700px){
 :root{
  --fs-display:clamp(48px,13vw,68px);
  --fs-h2:clamp(30px,9.2vw,36px);
  --fs-h2-card:28px;
  --fs-h3:24px;
  --fs-lead:16px;
  --fs-hint:11px;
 }
}