/* ============================================
   CSS Variables — Дизайн-система
   Офтальмологическая клиника «Орион»
   г. Ставрополь
   ============================================ */

:root {
    /* Фирменные цвета Орион */
    --color-primary: #1A60AA;
    --color-primary-dark: #124A85;
    --color-primary-darker: #0C3560;
    --color-primary-light: #4A84C0;
    --color-primary-bg: #EAF0F8;
    --color-primary-bg-soft: #F2F6FB;

    /* Акцентный (CTA) */
    --color-accent: #00A86B;
    --color-accent-dark: #008C59;
    --color-accent-light: #33BF8A;
    --color-accent-bg: #E6F9F0;

    /* Нейтральные — Cool Gray */
    --color-white: #FFFFFF;
    --color-black: #0F1A2E;
    --color-bg: #F2F4F7;
    --color-bg-alt: #E8ECF1;
    --color-surface: #FFFFFF;
    --color-bg-warm: #F5F7FA;
    --color-pill-bg: #8B95A5;

    /* Glassmorphism (Liquid Glass 2026) */
    --glass-bg: rgba(255, 255, 255, 0.12);
    --glass-bg-strong: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.25);
    --glass-blur: 20px;

    /* Текст */
    --color-text: #0F1A2E;
    --color-text-secondary: #3A4560;
    --color-text-muted: #5A6580;
    --color-text-light: #7A8599;
    --color-text-on-dark: #FFFFFF;
    --color-text-on-primary: #FFFFFF;

    /* Границы */
    --color-border: #DDE3ED;
    --color-border-light: #EDF1F7;

    /* Состояния */
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-error: #EF4444;
    --color-info: #3B82F6;

    /* Тени */
    --shadow-xs: 0 1px 2px rgba(15, 26, 46, 0.04);
    --shadow-sm: 0 2px 8px rgba(15, 26, 46, 0.06);
    --shadow-md: 0 4px 20px rgba(15, 26, 46, 0.08);
    --shadow-lg: 0 8px 32px rgba(15, 26, 46, 0.10);
    --shadow-xl: 0 16px 48px rgba(15, 26, 46, 0.14);
    --shadow-primary: 0 4px 20px rgba(26, 96, 170, 0.25);
    --shadow-accent: 0 4px 20px rgba(0, 168, 107, 0.25);

    /* Скругления */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-card: 24px;
    --radius-pill: 500px;
    --radius-full: 50%;

    /* Типографика */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.5rem;
    --font-size-4xl: 3rem;
    --font-size-5xl: 3.5rem;

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

    /* Ширины */
    --container-width: min(97vw, 1600px);
    --container-narrow: 900px;
    --container-wide: min(98vw, 1800px);
    --section-padding: clamp(56px, 8vw, 112px);

    /* Анимации */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;
    --transition-spring: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

    /* Header */
    --header-height: 80px;
    --header-height-mobile: 64px;
}

/* ============================================
   Режим для слабовидящих (ГОСТ Р 52872-2019)
   ============================================ */
body.a11y-mode {
    --color-primary: #0040A0;
    --color-primary-dark: #003080;
    --color-primary-bg: #E0E8F5;
    --color-accent: #006040;
    --color-bg: #FFFFFF;
    --color-bg-alt: #F5F5F5;
    --color-bg-warm: #F5F5F5;
    --color-surface: #FFFFFF;
    --color-white: #FFFFFF;
    --color-text: #000000;
    --color-text-secondary: #1A1A1A;
    --color-text-muted: #333333;
    --color-text-light: #444444;
    --color-border: #666666;
    --color-border-light: #999999;
    --glass-bg: rgba(255, 255, 255, 0.95);
    --glass-bg-strong: rgba(255, 255, 255, 1);
    --glass-border: rgba(0, 0, 0, 0.2);
    --glass-blur: 0px;
    --shadow-xs: none;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.15);
    --shadow-md: 0 2px 6px rgba(0,0,0,0.2);
    --shadow-lg: 0 4px 12px rgba(0,0,0,0.2);
    --font-size-base: 1.25rem;
    --font-size-sm: 1.1rem;
    --font-size-xs: 1rem;
    --font-size-md: 1.375rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 1.75rem;
    --font-size-2xl: 2.25rem;
    --font-size-3xl: 2.75rem;
    --font-size-4xl: 3.25rem;
    --radius-card: 0;
    --radius-lg: 0;
    --radius-md: 0;
    --radius-sm: 0;
    --radius-xl: 0;
    --radius-pill: 4px;
}

body.a11y-mode * {
    transition: none !important;
    animation: none !important;
}

body.a11y-mode img:not(.header__logo-icon):not(.a11y-keep) {
    filter: grayscale(100%) contrast(1.2);
}

/* Высокая контрастность */
body.a11y-contrast {
    --color-bg: #000000;
    --color-bg-alt: #111111;
    --color-bg-warm: #111111;
    --color-surface: #000000;
    --color-white: #000000;
    --color-text: #FFFF00;
    --color-text-secondary: #FFFFFF;
    --color-text-muted: #FFFFFF;
    --color-text-light: #FFFFFF;
    --color-text-on-dark: #FFFF00;
    --color-text-on-primary: #FFFFFF;
    --color-primary: #5599FF;
    --color-primary-dark: #3377DD;
    --color-primary-light: #77BBFF;
    --color-primary-bg: #111133;
    --color-primary-bg-soft: #0A0A22;
    --color-accent: #33FF99;
    --color-accent-bg: #002211;
    --color-border: #FFFF00;
    --color-border-light: #888800;
    --glass-bg: rgba(0, 0, 0, 0.95);
    --glass-bg-strong: rgba(0, 0, 0, 1);
    --glass-border: rgba(255, 255, 0, 0.5);
    --glass-blur: 0px;
    --shadow-xs: none;
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-xl: none;
    --shadow-primary: none;
    --shadow-accent: none;
    --color-pill-bg: #333333;
}

/* ============================================
   Режим для дальтоников (Color Vision Deficiency)
   ============================================ */
body.a11y-cvd-protanopia {
    filter: url('#protanopia-filter');
}
body.a11y-cvd-deuteranopia {
    filter: url('#deuteranopia-filter');
}
body.a11y-cvd-tritanopia {
    filter: url('#tritanopia-filter');
}
/* Ensure fixed elements still work with filter */
body.a11y-cvd-protanopia,
body.a11y-cvd-deuteranopia,
body.a11y-cvd-tritanopia {
    --cvd-active: 1;
}