/* ==========================================
 * theme-medical.css — Вариант 1: Медицинский чистый
 * Концепция: профессиональный, чистый, доверительный
 * ВНИМАНИЕ: @import УДАЛЁН — блокирует CSS при file:// без интернета.
 * Шрифты загружаются через <link> в index.html.
 * ========================================== */

:root {
    /* Базовые цвета */
    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;
    --color-primary-light: #dbeafe;
    --color-secondary: #64748b;

    /* Фон и поверхности */
    --color-bg: #f8fafc;
    --color-bg-card: #ffffff;
    --color-bg-card-hover: #f1f5f9;
    --color-bg-card-selected: #dbeafe;
    --color-bg-input: #ffffff;

    /* Текст */
    --color-text: #1e293b;
    --color-text-secondary: #475569;
    --color-text-muted: #94a3b8;
    --color-text-on-primary: #ffffff;

    /* Границы и разделители */
    --color-border: #e2e8f0;
    --color-border-focus: #2563eb;
    --color-border-selected: #2563eb;

    /* Статусные цвета */
    --color-success: #16a34a;
    --color-warning: #d97706;
    --color-error: #dc2626;

    /* Типографика */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 22px;
    --font-size-2xl: 28px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --line-height: 1.5;

    /* Отступы */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* Скругления */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;

    /* Тени */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

    /* Анимации */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    --transition-slow: 500ms ease;

    /* Прогресс-бар */
    --progress-height: 4px;
    --progress-bg: #e2e8f0;
    --progress-fill: #2563eb;
}