/* ============================================
CSS VARIABLES (BRAND COLORS + WCAG AA)
============================================ */
:root {
/* Brand Colors - проверены на контраст с белым текстом */
--med-primary: #5568d3;
--med-secondary: #6a4190;
--med-accent: #c2185b;
--med-success: #388e3c;
--med-warning: #f57c00;
--med-danger: #d32f2f;
--med-info: #0277bd;
/* Text Colors - WCAG AA compliant (контраст ≥ 4.5:1 на светлом фоне) */
--med-text: #1a1a1a;
--med-text-light: #4a4a4a;
--med-text-muted: #666666;
/* Background & UI */
--med-bg: #ffffff;
--med-bg-light: #f8f9fa;
--med-bg-gray: #f5f7fa;
--med-border: #cccccc;
/* Focus indicator - высокий контраст для доступности */
--med-focus: #005fcc;
--med-focus-ring: rgba(0, 95, 204, 0.25);
/* Spacing & Radius */
--med-radius: 16px;
--med-radius-sm: 8px;
/* Shadows */
--med-shadow: 0 2px 8px rgba(0,0,0,0.08);
--med-shadow-hover: 0 12px 24px rgba(0,0,0,0.12);
--med-shadow-lg: 0 25px 50px -12px rgba(0,0,0,0.2);
/* Layout */
--med-container: min(100% - 1rem, 1200px);
--med-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
/* Toast Colors */
--toast-success: #2e7d32;
--toast-error: #c62828;
--toast-warning: #ef6c00;
--toast-info: #0288d1;
/* Z-Index System */
--z-base: 1;
--z-header: 100;
--z-dropdown: 500;
--z-toast: 9999;
--z-modal: 10000;
--z-overlay: 9998;
/* WCAG: Системная подсказка браузеру */
color-scheme: light;
/* WCAG: Минимальные тач-таргеты */
--touch-target-min: 44px;
}