/* ==========================================================================
   Дизайн-токены It's My Party
   Источник значений — макет «Главная v2 - sticker.dc.html»
   ========================================================================== */

:root {
  /* --- Цвета ------------------------------------------------------------ */
  --cream:      #EFE2D1;  /* фон страницы, секция контактов */
  --white:      #FFFDF9;  /* карточки, секция отзывов */
  --ink:        #290008;  /* основной текст, обводки, футер */
  --green:      #1D4638;  /* кнопки, секция географии */
  --pink:       #F4BCCE;  /* блок «Как мы работаем», бейджи, акценты */
  --pink-soft:  #F7CBDA;  /* лента ценностей, стикеры */
  --pink-deep:  #EDA9C1;  /* нижняя точка градиента в контактах */
  --coral:      #D37D87;  /* акценты в заголовках */
  --coral-deep: #B4555F;  /* коралл для мелкого текста: тот же тон, контраст выше */
  --blue:       #AFC7D9;  /* секция «Наши работы», стикеры */
  --sage:       #8BAF9A;  /* карточка «Декор и флористика» */
  --sticker:    #F3EADF;  /* бумажный стикер в hero */

  --text-2:     #5C4048;  /* абзацы */
  --on-blue:    #1D3446;  /* текст на голубом */
  --on-sage:    #10291B;  /* текст на зелёном */
  --muted:      #8A7468;  /* подписи uppercase */
  --muted-2:    #A08F84;  /* подписи uppercase, светлее */

  --line:       rgba(41, 0, 8, .12);
  --line-2:     rgba(41, 0, 8, .14);
  --on-green:   rgba(239, 226, 209, .78);
  --on-green-2: rgba(239, 226, 209, .35);
  --on-ink:     rgba(239, 226, 209, .72);

  /* --- Шрифты ----------------------------------------------------------- */
  --serif:  'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans:   'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --accent: 'Playfair Display', Georgia, serif;
  --hand:   'Marck Script', 'Segoe Script', cursive;

  /* --- Радиусы ---------------------------------------------------------- */
  --r-pill:    999px;  /* кнопки, чипы, бейджи */
  --r-card:    28px;   /* карточки услуг */
  --r-photo:   24px;   /* фото в рамках */
  --r-block:   20px;   /* карточка контактов */
  --r-inner:   14px;   /* белая вкладка внутри контактов */
  --r-sticker: 12px;   /* стикеры и подписи */
  --r-arch:    210px;  /* арка в карточках команды */

  /* --- Тени ------------------------------------------------------------- */
  --sh-hero:     0 46px 80px -56px rgba(41, 0, 8, .55);
  --sh-frame:    0 0 0 7px var(--white), 0 34px 58px -46px rgba(41, 0, 8, .5);
  --sh-polaroid: 0 26px 46px -34px rgba(41, 0, 8, .6);
  --sh-sticker:  0 18px 34px -22px rgba(41, 0, 8, .5);
  --sh-note:     0 20px 36px -24px rgba(41, 0, 8, .6);
  --sh-note-lg:  0 22px 40px -26px rgba(41, 0, 8, .6);
  --sh-card:     0 22px 44px -36px rgba(41, 0, 8, .5);
  --sh-inner:    0 20px 40px -34px rgba(41, 0, 8, .5);
  --sh-nav:      0 16px 36px -32px rgba(41, 0, 8, .7);
  --sh-contact:  0 46px 80px -56px rgba(41, 0, 8, .65);

  /* --- Сетка и ритм ----------------------------------------------------- */
  --pad-x:  clamp(20px, 3.5vw, 56px);
  --maxw:   1440px;
  --maxw-narrow: 1180px;
  --gap-col: clamp(28px, 5vw, 80px);

  /* --- Движение --------------------------------------------------------- */
  --ease-out: cubic-bezier(.2, .8, .2, 1);
}