/* === INDEX === цвет · шрифты (@font-face) · шкала · отступы · радиусы · тени · стекло === END INDEX === */
:root{
  --c-ink:#1B2430; --c-steel:#4A5D73; --c-steel-soft:#A9B6C6;
  --c-paper:#FAF8F4; --c-paper-deep:#F1ECE3;
  --c-gold:#B8924A; --c-gold-soft:#E8D9B8;
  --c-ok:#3C7A5A; --c-warn:#A4743A; --c-sold:#8A929C; --c-err:#9A3B2E;          /* статусы щенков — единственные цвета вне палитры */

  --f-display:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;   /* ▸ владелец: без засечек — одна семья */
  --f-text:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --t-display:clamp(2.8rem,6vw,5.6rem); --t-h1:clamp(2.2rem,4.5vw,3.8rem); --t-h2:clamp(1.7rem,3vw,2.6rem);
  --t-h3:1.35rem; --t-body:1.0625rem; --t-small:.9rem; --t-caption:.8rem;
  --lh-display:1.05; --lh-body:1.6; --measure:68ch; --ls-display:-.025em;   /* заголовки плотнее, чтобы гротеск читался как display */

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px; --s-32:128px; --s-40:160px;
  --section:clamp(64px,10vw,160px);            /* между секциями: 64–96 mobile, 96–160 desktop */
  --container:1320px; --gutter:clamp(24px,5vw,80px);

  --r-sm:12px; --r-md:12px; --r-lg:12px; --r-pill:12px;   /* владелец 23.09: один радиус везде, кнопки тоже */
  --shadow-raised:0 20px 60px -20px rgba(27,36,48,.25);
  --glass-bg:rgba(250,248,244,.72); --glass-dark:rgba(27,36,48,.55); --glass-blur:blur(18px) saturate(140%);
  --ease:cubic-bezier(.2,.7,.2,1); --dur-hover:200ms; --dur-media:600ms; --dur-hero:1200ms;
  --line:color-mix(in srgb,var(--c-steel-soft) 50%,transparent);
  --overlay-0:rgba(27,36,48,0); --overlay-55:rgba(27,36,48,.55); --overlay-60:rgba(27,36,48,.6); --overlay-72:rgba(27,36,48,.72); --overlay-92:rgba(27,36,48,.92);
}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* глянец (polish): металл, золотая линия, стекло-подпись, зерно — hex внутри градиентов допустим только здесь */
:root{
  --gold-metal:linear-gradient(135deg,#8F6B2E 0%,#D4B266 35%,#F2E3B6 50%,#D4B266 65%,#8F6B2E 100%);
  --gold-line:linear-gradient(90deg,transparent,#D4B266 30%,#F2E3B6 50%,#D4B266 70%,transparent);
  --glass-caption:rgba(27,36,48,.45); --glass-edge:rgba(255,255,255,.18); --glass-caption-solid:rgba(27,36,48,.85); --modal-bg:rgba(27,36,48,.35);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --shine-light:rgba(255,255,255,.35);
  --paper-92:rgba(250,248,244,.92); --paper-55:rgba(250,248,244,.55); --paper-0:rgba(250,248,244,0);
}