/* ===== ДИЗАЙН-СИСТЕМА lednik.online ===== */
:root {
  /* Цвета */
  --color-white:           #FBFFFE;
  --color-graphite:        #111113;
  --color-graphite-mid:    #1B1B1E;
  --color-accent:          #2BB8D4;
  --color-accent-dark:     #1E9AB8;
  --color-accent-light:    rgba(43, 184, 212, 0.12);
  --color-gray:            #6D676D;
  --color-card-bg:         #F5F7F9;
  --color-text:            #2a2628;
  --color-text-secondary:  #6D676D;
  --color-border:          #E2E8ED;
  --color-shadow:          rgba(17, 17, 19, 0.12);

  /* Типографика */
  --font-main: 'Montserrat', sans-serif;
  --font-size-xs:   12px;
  --font-size-sm:   14px;
  --font-size-base: 16px;
  --font-size-md:   18px;
  --font-size-lg:   24px;
  --font-size-xl:   32px;
  --font-size-xxl:  48px;
  --font-size-hero: 60px;

  /* Отступы */
  --spacing-xs:  4px;
  --spacing-sm:  8px;
  --spacing-md:  16px;
  --spacing-lg:  24px;
  --spacing-xl:  40px;
  --spacing-xxl: 64px;
  --spacing-section: 96px;

  /* Радиусы */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  20px;
  --radius-full: 999px;

  /* Тени */
  --shadow-card:  0 2px 16px rgba(17, 17, 19, 0.07), 0 1px 4px rgba(17,17,19,0.04);
  --shadow-float: 0 12px 40px rgba(17, 17, 19, 0.18), 0 4px 12px rgba(17,17,19,0.10);
  --shadow-hover: 0 16px 48px rgba(43, 184, 212, 0.22), 0 4px 16px rgba(43,184,212,0.12);
  --shadow-header: 0 2px 20px rgba(17, 17, 19, 0.15);

  /* Анимации */
  --transition: 200ms ease;
  --transition-slow: 400ms ease;

  /* Контейнер */
  --container-max: 1200px;
  --container-pad: 20px;

  /* Высота хедера (для компенсации position:fixed на страницах без hero) */
  --header-height: 164px;
}