/* Музыкант — токены дизайн-системы (SPEC 6.2) и подключение шрифтов */

/* Cormorant Garamond: прямое начертание вариативное (300–700), курсив — статичный 500 */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/cormorant-normal-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('../assets/fonts/cormorant-normal-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/cormorant-italic-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/cormorant-italic-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Manrope: вариативный 200–800 */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../assets/fonts/manrope-normal-cyrillic.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: 200 800;
  font-display: swap;
  src: url('../assets/fonts/manrope-normal-latin.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: dark;

  /* цвет */
  --bg: #0A0908;
  --bg-raised: #121010;
  --surface: #1A1716;
  --ink: #F3EEE6;
  --ink-2: rgba(243, 238, 230, .64);
  --ink-3: rgba(243, 238, 230, .50);
  --line: rgba(243, 238, 230, .10);
  --line-strong: rgba(243, 238, 230, .22);
  --gold: #C9A66B;
  --gold-bright: #E6CC98;
  --gold-dim: rgba(201, 166, 107, .32);
  --warn: #C8806A;                       /* палец, который нужно поправить */

  /* шрифты */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;   /* 500, 600, курсив 500 */
  --font-ui: 'Manrope', system-ui, sans-serif;                      /* 400, 500, 600 */

  /* движение */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 180ms;
  --t: 320ms;
  --t-slow: 600ms;

  /* скругления */
  --radius-s: 4px;
  --radius: 14px;
  --radius-l: 28px;

  /* производные (не из ТЗ, но опираются только на токены выше) */
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 3.5px var(--gold);
  --hairline: 1px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: 0ms;
    --t: 0ms;
    --t-slow: 0ms;
  }
}