@import url('fonts.css');

/* ==========================================================================
   DESIGN TOKENS & VARIABLES
   Медицинская дизайн-система (Modern Med Tech & Clean Swiss Style)
   ========================================================================== */

:root {
  /* Цветовая палитра: Бренд СиноДжет и акценты */
  --med-primary: #1E60D5;          /* Фирменный синий СиноДжет */
  --med-primary-dark: #1447A6;     /* Глубокий кобальт для ховеров */
  --med-primary-light: #EEF4FF;    /* Ультра-светлый ледяной голубой */
  
  --med-accent-cyan: #38BDF8;      /* Небесно-голубой градиент */
  --med-accent-red: #E11D48;       /* Акцентный рубиново-красный (как центр мишени логотипа) */
  --med-accent-emerald: #10B981;   /* Зеленый статус (свободно, успех) */
  --med-accent-emerald-light: #ECFDF5;
  --med-accent-amber: #F59E0B;     /* Золотой для звезд и рейтингов */

  /* Фоновые поверхности (Clean Surfaces) */
  --bg-canvas: #F8FAFC;            /* Снежно-голубой чистый фон */
  --bg-surface: #FFFFFF;           /* Чистый белый для карточек */
  --bg-surface-subtle: #F1F5F9;    /* Мягкий фон для полей и плашек */
  --bg-glass: rgba(255, 255, 255, 0.82); /* Стеклянный фон с блюром */
  --bg-glass-card: rgba(255, 255, 255, 0.92);

  /* Типографика и цвета текста */
  --text-main: #0F172A;            /* Глубокий антрацит */
  --text-secondary: #475569;       /* Сбалансированный серый для описаний */
  --text-muted: #94A3B8;           /* Светлый серый для подписей */
  --text-inverse: #FFFFFF;         /* Белый текст */

  /* Границы и разделители */
  --border-light: rgba(226, 232, 240, 0.85);
  --border-glass: rgba(255, 255, 255, 0.6);
  --border-accent: rgba(6, 182, 212, 0.3);

  /* Градиенты */
  --gradient-primary: linear-gradient(135deg, #0F52BA 0%, #06B6D4 100%);
  --gradient-hover: linear-gradient(135deg, #0A3882 0%, #0891B2 100%);
  --gradient-soft: linear-gradient(135deg, #EFF6FF 0%, #ECFEFF 100%);
  --gradient-glow: radial-gradient(circle, rgba(6, 182, 212, 0.15) 0%, rgba(15, 82, 186, 0.05) 50%, transparent 70%);

  /* Тени (Elevation System) */
  --shadow-sm: 0 2px 8px rgba(15, 82, 186, 0.04);
  --shadow-md: 0 8px 24px -4px rgba(15, 82, 186, 0.08), 0 2px 6px rgba(0, 0, 0, 0.02);
  --shadow-lg: 0 16px 36px -8px rgba(15, 82, 186, 0.12), 0 4px 12px rgba(0, 0, 0, 0.03);
  --shadow-glow: 0 10px 30px -5px rgba(15, 82, 186, 0.35);
  --shadow-glass: 0 20px 40px -15px rgba(15, 82, 186, 0.1);

  /* Радиусы скругления */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 9999px;

  /* Шрифты */
  --font-heading: 'Futura PT', 'Futura', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Futura PT', 'Futura', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Futura PT', 'Futura', 'Outfit', sans-serif;

  /* Переходы и анимации */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Сетка */
  --container-max-width: 1320px;
  --header-height: 120px;
}