/* ============================================================
   ЧИСТЫЙ КРИСТАЛЛ — Design Tokens
   Светлый люкс: тёплый кремовый фон, золото, благородный серив
   ============================================================ */

:root {
  /* --- Surfaces / neutrals --- */
  --c-ivory:      #FAF8F3;   /* основной фон */
  --c-cream:      #F2ECE0;   /* секции-акценты */
  --c-paper:      #FFFFFF;   /* карточки */
  --c-ink:        #211D17;   /* основной текст */
  --c-ink-soft:   #4C463C;   /* вторичный текст */
  --c-muted:      #8A8378;   /* подписи */
  --c-line:       #E7DFCF;   /* тонкие линии */
  --c-line-soft:  #F0E9DB;

  /* --- Gold (фирменный) --- */
  --gold:         #B5894B;
  --gold-deep:    #957036;
  --gold-light:   #DCC290;
  --gold-glow:    rgba(181, 137, 75, 0.18);

  /* --- Тёмная сцена (дегтярное / футер) --- */
  --c-night:      #14110D;
  --c-night-2:    #1F1A13;

  /* --- Акценты продуктов (под упаковку) --- */
  --acc-cosmetic: #6E1A2A;   /* косметическое — бордовый */
  --acc-baby:     #7FA8CC;   /* детское — нежно-голубой */
  --acc-baby-ink: #51789C;
  --acc-dish:     #BE8087;   /* для посуды — пыльная роза */
  --acc-dish-ink: #9C5560;
  --acc-tar:      #0E0E0E;   /* дегтярное — чёрный + золото */
  --acc-house:    #6E7B4E;   /* хозяйственное — олива */

  /* --- Типографика --- */
  --font-display: 'Playfair Display', 'Times New Roman', Georgia, serif;
  --font-body:    'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --text-eyebrow: 0.78rem;
  --text-base:    clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lead:    clamp(1.15rem, 1.05rem + 0.6vw, 1.5rem);
  --text-h3:      clamp(1.35rem, 1.2rem + 0.7vw, 1.85rem);
  --text-h2:      clamp(2rem, 1.5rem + 2.4vw, 3.5rem);
  --text-hero:    clamp(2.9rem, 1.6rem + 5.6vw, 6.5rem);

  --leading-tight: 1.05;
  --leading-snug:  1.25;
  --leading-body:  1.7;
  --tracking-wide: 0.18em;
  --tracking-xwide: 0.32em;

  /* --- Ритм / геометрия --- */
  --space-section: clamp(4.5rem, 3rem + 7vw, 9rem);
  --container:     1240px;
  --container-tight: 920px;
  --radius-sm: 10px;
  --radius:    18px;
  --radius-lg: 28px;
  --radius-pack: 16px;

  /* --- Тени --- */
  --shadow-sm:  0 2px 10px rgba(33, 29, 23, 0.05);
  --shadow:     0 18px 50px -24px rgba(33, 29, 23, 0.28);
  --shadow-lg:  0 40px 90px -40px rgba(33, 29, 23, 0.42);
  --shadow-gold: 0 24px 60px -28px var(--gold-glow);

  /* --- Движение --- */
  --dur-fast:   180ms;
  --dur:        420ms;
  --dur-slow:   780ms;
  --ease:       cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
}