:root {
  /* Primary — основной синий */
  --color-primary-50:  #EFF6FF;
  --color-primary-100: #DBEAFE;
  --color-primary-200: #BFDBFE;
  --color-primary-300: #93C5FD;
  --color-primary-400: #60A5FA;
  --color-primary-500: #3B82F6;
  --color-primary-600: #2563EB;
  --color-primary-700: #1D4ED8;
  --color-primary-800: #1E40AF;
  --color-primary-900: #1E3A8A;

  /* Neutral — серые */
  --color-neutral-0:   #FFFFFF;
  --color-neutral-50:  #F8FAFC;
  --color-neutral-100: #F1F5F9;
  --color-neutral-200: #E2E8F0;
  --color-neutral-300: #CBD5E1;
  --color-neutral-400: #94A3B8;
  --color-neutral-500: #64748B;
  --color-neutral-600: #475569;
  --color-neutral-700: #334155;
  --color-neutral-800: #1E293B;
  --color-neutral-900: #0F172A;

  /* Semantic */
  --color-success-50:  #F0FDF4;
  --color-success-500: #22C55E;
  --color-success-600: #16A34A;

  --color-error-50:    #FEF2F2;
  --color-error-500:   #EF4444;
  --color-error-600:   #DC2626;

  --color-warning-50:  #FFFBEB;
  --color-warning-500: #F59E0B;
  --color-warning-600: #D97706;

  /* Font sizes */
  --font-xs:    0.75rem;
  --font-sm:    0.875rem;
  --font-base:  1rem;
  --font-md:    1.125rem;
  --font-lg:    1.375rem;
  --font-xl:    1.667rem;
  --font-2xl:   2.083rem;
  --font-3xl:   2.778rem;

  /* Font weights */
  --font-regular: 400;
  --font-medium:  500;
  --font-semibold: 600;
  --font-bold:    700;

  /* Line heights */
  --leading-tight:  1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;

  /* Spacing */
  --space-0:   0;
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;

  /* Border radius */
  --radius-sm:   0.25rem;
  --radius-md:   0.5rem;
  --radius-lg:   0.75rem;
  --radius-xl:   1rem;
  --radius-2xl:  1.5rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 0.07rem 0.14rem rgba(0, 0, 0, 0.05);
  --shadow-md:  0 0.28rem 0.42rem -0.07rem rgba(0, 0, 0, 0.07),
                0 0.14rem 0.28rem -0.14rem rgba(0, 0, 0, 0.06);
  --shadow-lg:  0 0.7rem 1.05rem -0.21rem rgba(0, 0, 0, 0.07),
                0 0.28rem 0.42rem -0.28rem rgba(0, 0, 0, 0.05);
  --shadow-xl:  0 1.39rem 1.74rem -0.35rem rgba(0, 0, 0, 0.07),
                0 0.56rem 0.7rem -0.56rem rgba(0, 0, 0, 0.04);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   350ms ease;

  /* Z-index */
  --z-base:     1;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-sidebar:  300;
  --z-modal-bg: 400;
  --z-modal:    500;
  --z-toast:    600;
  --z-tooltip:  700;
}