/* ==========================================================================
   Design Tokens (Palette, Typography, Motion)
   ========================================================================== */

:root {
  /* Основные цвета */
  --white:        #FFFFFF;
  --off-white:    #F7F5F2;
  --charcoal:     #1C1C1C;
  --mid-gray:     #6B6B6B;

  /* Акцентные цвета */
  --accent:       #C8A98A;
  --accent-dark:  #A88B6E;
  --accent-light: #EDE3D9;

  /* Вспомогательные */
  --border:       rgba(28, 28, 28, 0.10);
  --border-strong:rgba(28, 28, 28, 0.25);
  --shadow:       rgba(28, 28, 28, 0.08);
  --shadow-hover: rgba(28, 28, 28, 0.14);

  /* Шрифты */
  --font-serif:   'Cormorant Garamond', Georgia, serif;
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Кривые анимаций (Emil Kowalski easing) */
  --ease-out:     cubic-bezier(0.23, 1, 0.32, 1);

  /* Отступы и контейнеры */
  --container-max: 1240px;
  --container-narrow: 820px;
  --section-py: clamp(64px, 9vw, 120px);
  --radius-card: 20px;
  --radius-pill: 100px;
}