/* ================================================================
   MAF Industry — Design Tokens
   ================================================================
   Все дизайн-переменные проекта собраны здесь.
   Чтобы изменить цвет, отступ или анимацию — правь только этот файл.
   Остальные файлы читают эти переменные через var(--name).
   ================================================================ */

:root {

  /* --------------------------------------------------------------
     Цвета фона
  -------------------------------------------------------------- */
  --bg-main:  #fdfcfa; /* Основной — тёплый белый */
  --bg-warm:  #f4f1ec; /* Тёплые секции */
  --bg-dark:  #121212; /* Тёмный CTA / футер */

  /* --------------------------------------------------------------
     Цвета текста
  -------------------------------------------------------------- */
  --text-primary:   #1a1a1a;
  --text-secondary: #3d3d3d;
  --text-muted:     #8e8e8e;
  --text-muted-rgb: 142, 142, 142; /* Для rgba() */

  /* --------------------------------------------------------------
     Акцент — фирменное золото MAF
     Менять только здесь, в индивидуальных правилах не дублировать.
  -------------------------------------------------------------- */
  --accent:       #c5a059;
  --accent-dark:  #a68446;
  --accent-light: #f2e9d8;
  --accent-glow:  rgba(197, 160, 89, 0.12);

  /* --------------------------------------------------------------
     Границы
  -------------------------------------------------------------- */
  --border-subtle: rgba(0, 0, 0, 0.06);

  /* --------------------------------------------------------------
     Скругления
     Проект использует острые архитектурные края — lg намеренно 0.
  -------------------------------------------------------------- */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 0px;

  /* --------------------------------------------------------------
     Тени (layered для глубины)
  -------------------------------------------------------------- */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);                                           /* FIX: переменная отсутствовала в оригинале, добавлена */
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.03), 0 10px 40px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.04), 0 30px 70px rgba(0, 0, 0, 0.08);

  /* --------------------------------------------------------------
     Анимации и переходы
  -------------------------------------------------------------- */
  --transition-smooth:  cubic-bezier(0.19, 1, 0.22, 1);
  --transition-premium: 1.2s cubic-bezier(0.19, 1, 0.22, 1);

  /* --------------------------------------------------------------
     Сетка и отступы
  -------------------------------------------------------------- */
  --container-max: 1440px;
  --pad-x:         8vw;
  --pad-y:         160px; /* Уменьшается в @media (max-width: 768px) до 80px */

  /* --------------------------------------------------------------
     Текстуры
     SVG-шум для premium-зернистого оверлея на body.
  -------------------------------------------------------------- */
  --noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}