:root {
  /* Primary palette — нежные, тёплые, успокаивающие тона */
  --color-primary: #6d5a4b;      /* Тёплый бежево-коричневый — как натуральный лён */
  --color-secondary: #4a3e32;    /* Глубокий тёмно-бежевый — как древесина */
  --color-accent: #d4c7b8;       /* Мягкий серо-бежевый — как утеплённый хлопок */
  --color-background: #f8f5f0;   /* Очень светлый кремовый — как утренний свет в спальне */
  --color-text: #3a3229;         /* Тёплый тёмно-бежевый текст — для читаемости */
  --color-light: #e8e0d5;        /* Светлый бежевый для акцентов и границ */
  --color-dark: #5a4a40;         /* Глубокий тёплый коричневый для теней */

  /* Grays — мягкие, природные, без холодных оттенков */
  --color-gray-50: #faf6f0;
  --color-gray-100: #f0eae2;
  --color-gray-200: #e4d9ce;
  --color-gray-300: #d5c6b9;
  --color-gray-600: #8c7d70;
  --color-gray-700: #6d5a4b;
  --color-gray-800: #5a4a40;

  /* Natural accents — оттенки природных материалов */
  --color-linen-beige: #e8dfcf;  /* Лён — основной акцент */
  --color-cotton-white: #fdfaf5; /* Чистый хлопок */
  --color-wood-brown: #7d6c5b;   /* Древесина — для деталей */
  --color-sleep-gray: #c9c1b6;   /* Успокаивающий серо-бежевый */

  /* Fonts — мягкие, элегантные, с лёгкой текстурой */
  --font-primary: 'Playfair Display', serif;
  --font-heading: 'Merriweather', serif;
  --font-mono: 'Cormorant Garamond', serif;

  /* Layout */
  --max-width: 1200px;
  --sidebar-width: 300px;
  --border-radius: 12px;         /* Мягче, чем у магнолии — меньше "цветочности", больше "текстильности" */
  --spacing: 1.4rem;

  /* Shadows — очень мягкие, как тень от ткани */
  --shadow-sm: 0 1px 2px 0 rgba(109, 90, 75, 0.1);
  --shadow-md: 0 3px 6px -1px rgba(109, 90, 75, 0.15);
  --shadow-lg: 0 8px 10px -3px rgba(109, 90, 75, 0.2);
  --shadow-xl: 0 16px 20px -5px rgba(109, 90, 75, 0.25);

  /* Transitions — плавные, как складки ткани */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
}