/**
 * GIPIX — дизайн-токены (:root).
 * Этап 1 миграции CSS: переменные вынесены из style.css; компоненты остаются в конце style.css.
 */

:root {
    /* Для <meta name="theme-color"> и manifest (HTML не читает var) — #2563eb */
    --gipix-primary: #2563eb;
    --gipix-primary-hover: #1d4ed8;
    --gipix-success: #16a34a;
    --gipix-warning: #f59e0b;
    --gipix-danger: #ef4444;
    --gipix-bg: #f8fafc;
    --gipix-surface: #ffffff;
    --gipix-border: #e5e7eb;
    --gipix-text: #111827;
    --gipix-text-muted: #6b7280;
    --gipix-gray-50: #f9fafb;
    --gipix-gray-100: #f3f4f6;
    --gipix-gray-200: #e5e7eb;
    --radius-card: 12px;
    --radius-button: 8px;
    --radius-chip: 6px;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.08);
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --gipix-icon-size: 18px;
    --gipix-icon-gap: 6px;
}