/* ФармСпирт - Дизайн-токены */

@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/Inter-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/Inter-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/Inter-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/Inter-Bold.woff2') format('woff2'); }

:root {
  /* Цвета */
  --color-primary:        #0B5FAE;
  --color-primary-dark:   #084A89;
  --color-primary-light:  #E8F1FB;
  --color-surface:        #FFFFFF;
  --color-background:     #F7F9FC;
  --color-text:           #1A2533;
  --color-text-muted:     #5A6A7A;
  --color-text-inverse:   #FFFFFF;
  --color-border:         #E5EAF0;
  --color-border-strong:  #C9D3DF;
  --color-success:        #22A06B;
  --color-success-light:  #E6F4EA;
  --color-warning:        #E6A700;
  --color-warning-light:  #FFF6DD;
  --color-danger:         #D14343;
  --color-danger-light:   #FBE6E6;

  /* Типографика */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px; --fs-md: 18px; --fs-lg: 20px;
  --fs-xl: 24px; --fs-2xl: 32px; --fs-3xl: 40px; --fs-4xl: 48px;
  --lh-tight: 1.2; --lh-normal: 1.5; --lh-loose: 1.7;

  /* Отступы */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
  --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;

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

  /* Тени */
  --shadow-sm: 0 1px 2px rgba(16, 30, 60, 0.05);
  --shadow:    0 2px 6px rgba(16, 30, 60, 0.07);
  --shadow-md: 0 4px 12px rgba(16, 30, 60, 0.10);
  --shadow-lg: 0 12px 28px rgba(11, 95, 174, 0.15);

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

  /* Скорости */
  --transition-fast: 0.12s ease;
  --transition:      0.2s ease;
  --transition-slow: 0.35s ease;

  /* Z-индексы */
  --z-header: 100; --z-dropdown: 200; --z-modal: 1000; --z-toast: 2000;
}
