/* Stereo Cafe — design tokens (один источник правды) */

@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-Light.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* Caveat — пишет «как ручкой», кириллический рукописный (для слова «кафе»). */
@font-face {
  font-family: 'Caveat';
  src: url('/fonts/Caveat-cyrillic.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Playfair Display — высоко-контрастный Didone-display, элегантная кириллица. */
@font-face {
  font-family: 'Playfair Display';
  src: url('/fonts/PlayfairDisplay-900-cyrillic.woff2') format('woff2');
  font-weight: 700 900;
  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: 'Playfair Display';
  src: url('/fonts/PlayfairDisplay-900-latin.woff2') format('woff2');
  font-weight: 700 900;
  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+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Russo One — heavy блочный геометрический шрифт с кириллицей. */
@font-face {
  font-family: 'Russo One';
  src: url('/fonts/RussoOne-cyrillic.woff2') format('woff2');
  font-weight: 400;
  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: 'Russo One';
  src: url('/fonts/RussoOne-latin.woff2') format('woff2');
  font-weight: 400;
  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+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/Cormorant-500-cyrillic.woff2') format('woff2');
  font-weight: 500; 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/Cormorant-500-latin.woff2') format('woff2');
  font-weight: 500; 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/Cormorant-600-cyrillic.woff2') format('woff2');
  font-weight: 600; 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/Cormorant-500-latin.woff2') format('woff2');
  font-weight: 600; 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 {
  /* Палитра — строго по фото */
  --bg-base:    #000000;
  --bg-card:    #1A1411;
  --bg-elev:    #221A15;
  --bg-deep:    #050302;
  --accent:     #C9A66B;
  --accent-hi:  #E8C98A;
  --accent-dim: rgba(201,166,107,0.55);
  --text-pri:   #F4ECDD;
  --text-sec:   #9A8B75;
  --text-mut:   #6B5C49;
  --border:     rgba(201,166,107,0.18);
  --border-hi:  rgba(201,166,107,0.4);
  --shadow-card: 0 8px 32px rgba(0,0,0,0.5);

  /* Типографика */
  --font-mono: 'JetBrains Mono', ui-monospace, SF Mono, Menlo, monospace;
  --font-serif: 'Cormorant', 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  /* Display = серифный hero-титул как на референсе Stereo Café (Bodoni-стиль). */
  --font-display: 'Cormorant', 'Cormorant Garamond', 'Playfair Display', 'Times New Roman', Georgia, serif;

  /* Сетка */
  --container: 1280px;
  --gutter: clamp(16px, 4vw, 48px);

  /* Радиусы */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
}