/* Локальные шрифты клиента и палитра бренда. */

@font-face {
  font-family: 'StapelText';
  src: url('/fonts/StapelText-Bold.woff2') format('woff2'),
       url('/fonts/StapelText-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'StapelText';
  src: url('/fonts/StapelText-BoldItalic.woff') format('woff'),
       url('/fonts/StapelText-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Stapel';
  src: url('/fonts/Stapel-Light.woff2') format('woff2'),
       url('/fonts/Stapel-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Stapel';
  src: url('/fonts/Stapel-LightItalic.woff2') format('woff2'),
       url('/fonts/Stapel-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Stapel';
  src: url('/fonts/Stapel-SemiExpandedMedium.woff2') format('woff2'),
       url('/fonts/Stapel-SemiExpandedMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-head: 'StapelText', 'Trebuchet MS', sans-serif;
  --font-body: 'Stapel', 'Segoe UI', sans-serif;
  --font-accent: 'Playfair Display', Georgia, serif;

  --purple: #5B4880;
  --purple-deep: #3A2D54;
  --purple-soft: #8C79B5;
  --cream: #FCEDB0;
  --cream-soft: #FDF6DC;
  --sand: #F6E9CE;
  --ink: #241C36;

  /* Тон всех светлых плоскостей. Чистый --sand на весь блок слепит,
     а текст на нём приходится делать почти чёрным. */
  --panel: #E9DCC0;
}