/**
 * ЕИСЖС Design System — Tokens
 * Source: Figma dUmj0n0LAZ8SUfM3sY2Eub
 * Auto-synced from eiszs-ds.md
 */

:root {

  /* ── COLORS: Accent ────────────────────────────────────────── */
  --color-green-main:    #8BC540;
  --color-green-hover:   #78B02F;
  --color-green-l1:      #D1E8B3;
  --color-green-l2:      #EEF6E2;
  --color-green-l3:      #F5FAF0;

  /* ── COLORS: System ────────────────────────────────────────── */
  --color-red:           #FF0000;
  --color-orange:        #FF9446;
  --color-yellow:        #FED141;
  --color-blue:          #3490E4;
  --color-system-green:  #08A664;
  --color-light-red:     #FBF0F0;
  --color-light-yellow:  #FFF8E1;
  --color-light-blue:    #D6E9FA;

  /* ── COLORS: Shades of Grey ────────────────────────────────── */
  --color-g1:            #072833;  /* основной текст */
  --color-g2:            #203E47;  /* secondary текст */
  --color-g5:            #F4F5F9;  /* фон страниц */
  --color-white:         #FFFFFF;

  /* ── COLORS: Monochrome ────────────────────────────────────── */
  --color-m1:            #7C8C90;  /* secondary button, placeholder */
  --color-m2:            #C9D0D2;  /* borders disabled */
  --color-m4:            #E4E7E8;  /* разделители */
  --color-m6:            #F9F9F9;  /* hover-фон кнопок */

  /* ── COLORS: Background ────────────────────────────────────── */
  --color-page-bg:       #F8F8F8;

  /* ── SPACING (шаг 8px) ─────────────────────────────────────── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   16px;
  --space-4:   24px;
  --space-5:   32px;
  --space-6:   40px;
  --space-7:   48px;
  --space-8:   72px;
  --space-9:   88px;
  --space-10:  116px;
  --space-11:  120px;
  --space-12:  144px;

  /* ── BORDER RADIUS ─────────────────────────────────────────── */
  --radius-xs: 1px;   /* кнопки */
  --radius-sm: 4px;   /* карточки, чипы, статусы */
  --radius-md: 8px;   /* крупные карточки */
  --radius-full: 50%; /* аватары, бейджи */

  /* ── SHADOWS ───────────────────────────────────────────────── */
  --shadow-1: 0px 2px 6px rgba(0, 0, 0, 0.1);
  --shadow-2: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-3: 0px 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-4: 0px 12px 36px rgba(0, 0, 0, 0.1);

  /* ── TYPOGRAPHY ────────────────────────────────────────────── */
  --font-family: "DIN Pro", sans-serif;

  /* Размеры */
  --text-h1:      40px; --lh-h1:      48px;
  --text-h2:      32px; --lh-h2:      40px;
  --text-h3:      28px; --lh-h3:      36px;
  --text-h4:      24px; --lh-h4:      32px;
  --text-h5:      20px; --lh-h5:      28px;
  --text-p1:      16px; --lh-p1:      24px;
  --text-p2:      14px; --lh-p2:      20px;
  --text-p2c:     14px; --lh-p2c:     16px;  /* compact */
  --text-caption: 12px; --lh-caption: 16px;
  --text-btn:     13px; --lh-btn:     24px;

  /* ── TRANSITIONS ───────────────────────────────────────────── */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.2s ease-in-out;

  /* ── LAYOUT ────────────────────────────────────────────────── */
  --layout-width:        1440px;
  --layout-margin:       144px;  /* левый отступ с меню */
  --layout-margin-right:  80px;
  --layout-col-main:     792px;
  --layout-col-side:     376px;
  --layout-gap:           40px;
  --header-height:        64px;
}