/* Дизайн-токены. Компоненты в main.css берут значения только отсюда. */

@font-face { font-family: "Cormorant"; src: url("../fonts/cormorantgaramond-normal-cyrillic.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Cormorant"; src: url("../fonts/cormorantgaramond-normal-latin.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; 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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Cormorant"; src: url("../fonts/cormorantgaramond-italic-cyrillic.woff2") format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Cormorant"; src: url("../fonts/cormorantgaramond-italic-latin.woff2") format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; 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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-normal-cyrillic.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-normal-latin.woff2") format("woff2"); font-weight: 300 800; font-style: normal; font-display: swap; 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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* цвет */
  --ink: #12211b;          /* хвойный, фон hero и текста */
  --ink-2: #1c3229;
  --ink-3: #2a4639;
  --paper: #f3eee5;        /* тёплая бумага */
  --paper-2: #e9e1d3;
  --paper-3: #fbf8f2;
  --line: rgba(18, 33, 27, .14);
  --line-inv: rgba(243, 238, 229, .18);
  --muted: #5b6a62;        /* 5.4:1 на paper */
  --muted-inv: #a9b8ae;    /* 7.6:1 на ink */
  --accent: #c8623a;       /* терракота */
  --accent-ink: #a64a26;   /* 5.1:1 на paper — для текста */
  --warn: #8a2f1d;

  /* тона папок */
  --tone-1: #1c3229; --tone-1-hi: #2a4639;
  --tone-2: #a64a26; --tone-2-hi: #c8623a;
  --tone-3: #3a4a5c; --tone-3-hi: #4e627a;
  --tone-4: #6b5a3c; --tone-4-hi: #857250;

  /* типографика */
  --font-display: "Cormorant", "Times New Roman", serif;
  --font-text: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-hero: clamp(2rem, min(8.4vw, 10svh), 9rem);
  --fs-h2: clamp(2.25rem, 5.2vw, 4.5rem);
  --fs-h3: clamp(1.375rem, 2vw, 1.75rem);
  --fs-lead: clamp(1.0625rem, 1.3vw, 1.25rem);
  --fs-text: 1rem;
  --fs-small: .875rem;
  --fs-micro: .75rem;

  /* шкала 4/8 */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem; --s-5: 1.5rem;
  --s-6: 2rem; --s-7: 3rem; --s-8: 4rem; --s-9: 6rem; --s-10: 9rem;
  --gutter: clamp(1rem, 4vw, 4rem);

  --r-sm: 6px; --r-md: 14px; --r-lg: 22px; --r-pill: 999px;
  --shadow-sheet: 0 6px 18px rgba(18, 33, 27, .16);
  --shadow-folder: 0 24px 48px -18px rgba(18, 33, 27, .45);

  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --t-fast: .2s; --t-med: .45s; --t-slow: .9s;
}