/* wwwroot/css/themes.css */

:root {
    /* ===== БАЗОВЫЕ ПЕРЕМЕННЫЕ ===== */
    /* Типографика */
    --font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-marketing: 'Montserrat', sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Размеры шрифтов */
    --font-size-xs: 0.75rem;    /* 12px */
    --font-size-sm: 0.875rem;   /* 14px */
    --font-size-base: 1rem;     /* 16px */
    --font-size-lg: 1.125rem;   /* 18px */
    --font-size-xl: 1.25rem;    /* 20px */
    --font-size-2xl: 1.5rem;    /* 24px */
    --font-size-3xl: 1.875rem;  /* 30px */
    --font-size-4xl: 2.25rem;   /* 36px */

    /* Межстрочные интервалы */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    /* Отступы */
    --spacing-xs: 0.25rem;   /* 4px */
    --spacing-sm: 0.5rem;    /* 8px */
    --spacing-md: 1rem;      /* 16px */
    --spacing-lg: 1.5rem;    /* 24px */
    --spacing-xl: 2rem;      /* 32px */
    --spacing-2xl: 3rem;     /* 48px */
    --spacing-3xl: 4rem;     /* 64px */
    --spacing-4xl: 5rem;     /* 80px */

    /* Скругления */
    --radius-sm: 0.375rem;   /* 6px */
    --radius-md: 0.5rem;     /* 8px */
    --radius-lg: 0.75rem;    /* 12px */
    --radius-xl: 1rem;       /* 16px */
    --radius-2xl: 1.5rem;    /* 24px */
    --radius-full: 9999px;   /* полный круг */

    /* Тени */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);

    /* Анимации */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== СВЕТЛАЯ ТЕМА (по умолчанию) ===== */
:root, [data-theme="light"] {
    /* ===== PRIMARY COLOR PALETTE ===== */
    --color-primary-50: #eff6ff;
    --color-primary-100: #dbeafe;
    --color-primary-200: #bfdbfe;
    --color-primary-300: #93c5fd;
    --color-primary-400: #60a5fa;
    --color-primary-500: #3b82f6;
    --color-primary-600: #2563eb;
    --color-primary-700: #1d4ed8;
    --color-primary-800: #1e40af;
    --color-primary-900: #1e3a8a;
    --color-primary-950: #1e2c5a;

    /* ===== SECONDARY COLOR PALETTE (Purple) ===== */
    --color-secondary-50: #faf5ff;
    --color-secondary-100: #f3e8ff;
    --color-secondary-200: #e9d5ff;
    --color-secondary-300: #d8b4fe;
    --color-secondary-400: #c084fc;
    --color-secondary-500: #a855f7;
    --color-secondary-600: #9333ea;
    --color-secondary-700: #7e22ce;
    --color-secondary-800: #6b21a8;
    --color-secondary-900: #581c87;
    --color-secondary-950: #3b0764;

    /* ===== SUCCESS COLOR PALETTE (Green) ===== */
    --color-success-50: #f0fdf4;
    --color-success-100: #dcfce7;
    --color-success-200: #bbf7d0;
    --color-success-300: #86efac;
    --color-success-400: #4ade80;
    --color-success-500: #22c55e;
    --color-success-600: #16a34a;
    --color-success-700: #15803d;
    --color-success-800: #166534;
    --color-success-900: #14532d;
    --color-success-950: #052e16;

    /* ===== WARNING COLOR PALETTE (Yellow/Amber) ===== */
    --color-warning-50: #fffbeb;
    --color-warning-100: #fef3c7;
    --color-warning-200: #fde68a;
    --color-warning-300: #fcd34d;
    --color-warning-400: #fbbf24;
    --color-warning-500: #f59e0b;
    --color-warning-600: #d97706;
    --color-warning-700: #b45309;
    --color-warning-800: #92400e;
    --color-warning-900: #78350f;
    --color-warning-950: #451a03;

    /* ===== DANGER COLOR PALETTE (Red) ===== */
    --color-danger-50: #fef2f2;
    --color-danger-100: #fee2e2;
    --color-danger-200: #fecaca;
    --color-danger-300: #fca5a5;
    --color-danger-400: #f87171;
    --color-danger-500: #ef4444;
    --color-danger-600: #dc2626;
    --color-danger-700: #b91c1c;
    --color-danger-800: #991b1b;
    --color-danger-900: #7f1d1d;
    --color-danger-950: #450a0a;

    /* ===== INFO COLOR PALETTE (Blue) ===== */
    --color-info-50: #eff6ff;
    --color-info-100: #dbeafe;
    --color-info-200: #bfdbfe;
    --color-info-300: #93c5fd;
    --color-info-400: #60a5fa;
    --color-info-500: #3b82f6;
    --color-info-600: #2563eb;
    --color-info-700: #1d4ed8;
    --color-info-800: #1e40af;
    --color-info-900: #1e3a8a;
    --color-info-950: #1e2c5a;

    /* ===== NEUTRAL COLOR PALETTE (Gray) ===== */
    --color-gray-50: #f8fafc;
    --color-gray-100: #f1f5f9;
    --color-gray-200: #e2e8f0;
    --color-gray-300: #cbd5e1;
    --color-gray-400: #94a3b8;
    --color-gray-500: #64748b;
    --color-gray-600: #475569;
    --color-gray-700: #334155;
    --color-gray-800: #1e293b;
    --color-gray-900: #0f172a;
    --color-gray-950: #020617;

    /* Фоны */
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f8fafc;
    --color-bg-tertiary: #f1f5f9;
    --color-bg-surface: #ffffff;
    --color-bg-overlay: rgba(0, 0, 0, 0.5);

    /* Текст */
    --color-text-primary: #1e293b;
    --color-text-secondary: #64748b;
    --color-text-tertiary: #94a3b8;
    --color-text-inverse: #ffffff;
    --color-text-muted: #94a3b8;

    /* Границы */
    --color-border-light: #e2e8f0;
    --color-border-medium: #cbd5e1;
    --color-border-heavy: #94a3b8;

    /* Эффекты */
    --glass-bg: rgba(255, 255, 255, 0.15);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);

    /* Градиенты */
    --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
    --gradient-secondary: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);
    --gradient-accent: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
    --gradient-bg: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);

    /* Цвета для когнитивных нарушений (высокая контрастность) */
    --color-focus: #3b82f6;
    --color-highlight: #fef3c7;
    --color-error-bg: var(--color-danger-100);
    --color-success-bg: var(--color-success-100);
    --color-warning-bg: var(--color-warning-100);
    --color-info-bg: var(--color-info-100);
}

/* ===== ТЕМНАЯ ТЕМА ===== */
[data-theme="dark"] {
    /* ===== PRIMARY COLOR PALETTE (Inverted) ===== */
    --color-primary-50: #1e2c5a;
    --color-primary-100: #1e3a8a;
    --color-primary-200: #1e40af;
    --color-primary-300: #1d4ed8;
    --color-primary-400: #2563eb;
    --color-primary-500: #3b82f6;
    --color-primary-600: #60a5fa;
    --color-primary-700: #93c5fd;
    --color-primary-800: #bfdbfe;
    --color-primary-900: #dbeafe;
    --color-primary-950: #eff6ff;

    /* ===== SECONDARY COLOR PALETTE (Inverted) ===== */
    --color-secondary-50: #3b0764;
    --color-secondary-100: #581c87;
    --color-secondary-200: #6b21a8;
    --color-secondary-300: #7e22ce;
    --color-secondary-400: #9333ea;
    --color-secondary-500: #a855f7;
    --color-secondary-600: #c084fc;
    --color-secondary-700: #d8b4fe;
    --color-secondary-800: #e9d5ff;
    --color-secondary-900: #f3e8ff;
    --color-secondary-950: #faf5ff;

    /* ===== SUCCESS COLOR PALETTE (Inverted) ===== */
    --color-success-50: #052e16;
    --color-success-100: #14532d;
    --color-success-200: #166534;
    --color-success-300: #15803d;
    --color-success-400: #16a34a;
    --color-success-500: #22c55e;
    --color-success-600: #4ade80;
    --color-success-700: #86efac;
    --color-success-800: #bbf7d0;
    --color-success-900: #dcfce7;
    --color-success-950: #f0fdf4;

    /* ===== WARNING COLOR PALETTE (Inverted) ===== */
    --color-warning-50: #451a03;
    --color-warning-100: #78350f;
    --color-warning-200: #92400e;
    --color-warning-300: #b45309;
    --color-warning-400: #d97706;
    --color-warning-500: #f59e0b;
    --color-warning-600: #fbbf24;
    --color-warning-700: #fcd34d;
    --color-warning-800: #fde68a;
    --color-warning-900: #fef3c7;
    --color-warning-950: #fffbeb;

    /* ===== DANGER COLOR PALETTE (Inverted) ===== */
    --color-danger-50: #450a0a;
    --color-danger-100: #7f1d1d;
    --color-danger-200: #991b1b;
    --color-danger-300: #b91c1c;
    --color-danger-400: #dc2626;
    --color-danger-500: #ef4444;
    --color-danger-600: #f87171;
    --color-danger-700: #fca5a5;
    --color-danger-800: #fecaca;
    --color-danger-900: #fee2e2;
    --color-danger-950: #fef2f2;

    /* ===== INFO COLOR PALETTE (Inverted) ===== */
    --color-info-50: #1e2c5a;
    --color-info-100: #1e3a8a;
    --color-info-200: #1e40af;
    --color-info-300: #1d4ed8;
    --color-info-400: #2563eb;
    --color-info-500: #3b82f6;
    --color-info-600: #60a5fa;
    --color-info-700: #93c5fd;
    --color-info-800: #bfdbfe;
    --color-info-900: #dbeafe;
    --color-info-950: #eff6ff;

    /* ===== NEUTRAL COLOR PALETTE (Inverted) ===== */
    --color-gray-50: #020617;
    --color-gray-100: #0f172a;
    --color-gray-200: #1e293b;
    --color-gray-300: #334155;
    --color-gray-400: #475569;
    --color-gray-500: #64748b;
    --color-gray-600: #94a3b8;
    --color-gray-700: #cbd5e1;
    --color-gray-800: #e2e8f0;
    --color-gray-900: #f1f5f9;
    --color-gray-950: #f8fafc;

    /* Фоны */
    --color-bg-primary: #0f172a;
    --color-bg-secondary: #1e293b;
    --color-bg-tertiary: #334155;
    --color-bg-surface: #1e293b;
    --color-bg-overlay: rgba(15, 23, 42, 0.8);

    /* Текст */
    --color-text-primary: #f1f5f9;
    --color-text-secondary: #cbd5e1;
    --color-text-tertiary: #94a3b8;
    --color-text-inverse: #0f172a;
    --color-text-muted: #64748b;

    /* Границы */
    --color-border-light: #334155;
    --color-border-medium: #475569;
    --color-border-heavy: #64748b;

    /* Эффекты */
    --glass-bg: rgba(30, 41, 59, 0.7);
    --glass-border: rgba(51, 65, 85, 0.5);
    --glass-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);

    /* Градиенты */
    --gradient-primary: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);
    --gradient-secondary: linear-gradient(135deg, #34d399 0%, #60a5fa 100%);
    --gradient-accent: linear-gradient(135deg, #fbbf24 0%, #f87171 100%);
    --gradient-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);

    /* Цвета для когнитивных нарушений */
    --color-focus: #60a5fa;
    --color-highlight: #fef3c7;
    --color-error-bg: var(--color-danger-900);
    --color-success-bg: var(--color-success-900);
    --color-warning-bg: var(--color-warning-900);
    --color-info-bg: var(--color-info-900);
}

/* ===== БЕЖЕВАЯ ТЕМА (для детей с ОВЗ) ===== */
[data-theme="beige"] {
    /* ===== PRIMARY COLOR PALETTE (Amber/Yellow) ===== */
    --color-primary-50: #fffbeb;
    --color-primary-100: #fef3c7;
    --color-primary-200: #fde68a;
    --color-primary-300: #fcd34d;
    --color-primary-400: #fbbf24;
    --color-primary-500: #f59e0b;
    --color-primary-600: #d97706;
    --color-primary-700: #b45309;
    --color-primary-800: #92400e;
    --color-primary-900: #78350f;
    --color-primary-950: #451a03;

    /* ===== SECONDARY COLOR PALETTE (Purple - Soft) ===== */
    --color-secondary-50: #faf5ff;
    --color-secondary-100: #f3e8ff;
    --color-secondary-200: #e9d5ff;
    --color-secondary-300: #d8b4fe;
    --color-secondary-400: #c084fc;
    --color-secondary-500: #a855f7;
    --color-secondary-600: #9333ea;
    --color-secondary-700: #7e22ce;
    --color-secondary-800: #6b21a8;
    --color-secondary-900: #581c87;
    --color-secondary-950: #3b0764;

    /* ===== SUCCESS COLOR PALETTE (Green - Soft) ===== */
    --color-success-50: #f0fdf4;
    --color-success-100: #dcfce7;
    --color-success-200: #bbf7d0;
    --color-success-300: #86efac;
    --color-success-400: #4ade80;
    --color-success-500: #22c55e;
    --color-success-600: #16a34a;
    --color-success-700: #15803d;
    --color-success-800: #166534;
    --color-success-900: #14532d;
    --color-success-950: #052e16;

    /* ===== WARNING COLOR PALETTE (Orange - Soft) ===== */
    --color-warning-50: #fff7ed;
    --color-warning-100: #ffedd5;
    --color-warning-200: #fed7aa;
    --color-warning-300: #fdba74;
    --color-warning-400: #fb923c;
    --color-warning-500: #f97316;
    --color-warning-600: #ea580c;
    --color-warning-700: #c2410c;
    --color-warning-800: #9a3412;
    --color-warning-900: #7c2d12;
    --color-warning-950: #431407;

    /* ===== DANGER COLOR PALETTE (Red - Soft) ===== */
    --color-danger-50: #fef2f2;
    --color-danger-100: #fee2e2;
    --color-danger-200: #fecaca;
    --color-danger-300: #fca5a5;
    --color-danger-400: #f87171;
    --color-danger-500: #ef4444;
    --color-danger-600: #dc2626;
    --color-danger-700: #b91c1c;
    --color-danger-800: #991b1b;
    --color-danger-900: #7f1d1d;
    --color-danger-950: #450a0a;

    /* ===== INFO COLOR PALETTE (Blue - Soft) ===== */
    --color-info-50: #eff6ff;
    --color-info-100: #dbeafe;
    --color-info-200: #bfdbfe;
    --color-info-300: #93c5fd;
    --color-info-400: #60a5fa;
    --color-info-500: #3b82f6;
    --color-info-600: #2563eb;
    --color-info-700: #1d4ed8;
    --color-info-800: #1e40af;
    --color-info-900: #1e3a8a;
    --color-info-950: #1e2c5a;

    /* ===== NEUTRAL COLOR PALETTE (Warm Gray) ===== */
    --color-gray-50: #fafaf9;
    --color-gray-100: #f5f5f4;
    --color-gray-200: #e7e5e4;
    --color-gray-300: #d6d3d1;
    --color-gray-400: #a8a29e;
    --color-gray-500: #78716c;
    --color-gray-600: #57534e;
    --color-gray-700: #44403c;
    --color-gray-800: #292524;
    --color-gray-900: #1c1917;
    --color-gray-950: #0c0a09;

    /* Фоны */
    --color-bg-primary: #fffbeb;
    --color-bg-secondary: #fef3c7;
    --color-bg-tertiary: #fde68a;
    --color-bg-surface: #ffffff;
    --color-bg-overlay: rgba(255, 251, 235, 0.8);

    /* Текст */
    --color-text-primary: #451a03;
    --color-text-secondary: #92400e;
    --color-text-tertiary: #b45309;
    --color-text-inverse: #ffffff;
    --color-text-muted: #d97706;

    /* Границы */
    --color-border-light: #fde68a;
    --color-border-medium: #fbbf24;
    --color-border-heavy: #f59e0b;

    /* Эффекты */
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(245, 158, 11, 0.2);
    --glass-shadow: 0 4px 20px rgba(245, 158, 11, 0.1);

    /* Градиенты */
    --gradient-primary: linear-gradient(135deg, #f59e0b 0%, #7c3aed 100%);
    --gradient-secondary: linear-gradient(135deg, #059669 0%, #2563eb 100%);
    --gradient-accent: linear-gradient(135deg, #d97706 0%, #dc2626 100%);
    --gradient-bg: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);

    /* Улучшенные цвета для когнитивных нарушений */
    --color-focus: #dc2626;
    --color-highlight: #fef3c7;
    --color-error-bg: var(--color-danger-100);
    --color-success-bg: var(--color-success-100);
    --color-warning-bg: var(--color-warning-100);
    --color-info-bg: var(--color-info-100);
}

/* ===== ВЫСОКИЙ КОНТРАСТ (для слабовидящих) ===== */
[data-theme="high-contrast"] {
    /* ===== PRIMARY COLOR PALETTE ===== */
    --color-primary-50: #000000;
    --color-primary-100: #000000;
    --color-primary-200: #000000;
    --color-primary-300: #000000;
    --color-primary-400: #00ffff;
    --color-primary-500: #00ffff;
    --color-primary-600: #00ffff;
    --color-primary-700: #00ffff;
    --color-primary-800: #00ffff;
    --color-primary-900: #00ffff;
    --color-primary-950: #ffffff;

    /* ===== SECONDARY COLOR PALETTE ===== */
    --color-secondary-50: #000000;
    --color-secondary-100: #000000;
    --color-secondary-200: #000000;
    --color-secondary-300: #000000;
    --color-secondary-400: #ff00ff;
    --color-secondary-500: #ff00ff;
    --color-secondary-600: #ff00ff;
    --color-secondary-700: #ff00ff;
    --color-secondary-800: #ff00ff;
    --color-secondary-900: #ff00ff;
    --color-secondary-950: #ffffff;

    /* ===== SUCCESS COLOR PALETTE ===== */
    --color-success-50: #000000;
    --color-success-100: #000000;
    --color-success-200: #000000;
    --color-success-300: #000000;
    --color-success-400: #00ff00;
    --color-success-500: #00ff00;
    --color-success-600: #00ff00;
    --color-success-700: #00ff00;
    --color-success-800: #00ff00;
    --color-success-900: #00ff00;
    --color-success-950: #ffffff;

    /* ===== WARNING COLOR PALETTE ===== */
    --color-warning-50: #000000;
    --color-warning-100: #000000;
    --color-warning-200: #000000;
    --color-warning-300: #000000;
    --color-warning-400: #ffff00;
    --color-warning-500: #ffff00;
    --color-warning-600: #ffff00;
    --color-warning-700: #ffff00;
    --color-warning-800: #ffff00;
    --color-warning-900: #ffff00;
    --color-warning-950: #ffffff;

    /* ===== DANGER COLOR PALETTE ===== */
    --color-danger-50: #000000;
    --color-danger-100: #000000;
    --color-danger-200: #000000;
    --color-danger-300: #000000;
    --color-danger-400: #ff0000;
    --color-danger-500: #ff0000;
    --color-danger-600: #ff0000;
    --color-danger-700: #ff0000;
    --color-danger-800: #ff0000;
    --color-danger-900: #ff0000;
    --color-danger-950: #ffffff;

    /* ===== INFO COLOR PALETTE ===== */
    --color-info-50: #000000;
    --color-info-100: #000000;
    --color-info-200: #000000;
    --color-info-300: #000000;
    --color-info-400: #00ffff;
    --color-info-500: #00ffff;
    --color-info-600: #00ffff;
    --color-info-700: #00ffff;
    --color-info-800: #00ffff;
    --color-info-900: #00ffff;
    --color-info-950: #ffffff;

    /* ===== NEUTRAL COLOR PALETTE ===== */
    --color-gray-50: #000000;
    --color-gray-100: #000000;
    --color-gray-200: #111111;
    --color-gray-300: #222222;
    --color-gray-400: #333333;
    --color-gray-500: #555555;
    --color-gray-600: #777777;
    --color-gray-700: #999999;
    --color-gray-800: #bbbbbb;
    --color-gray-900: #dddddd;
    --color-gray-950: #ffffff;

    /* Фоны */
    --color-bg-primary: #000000;
    --color-bg-secondary: #111111;
    --color-bg-tertiary: #222222;
    --color-bg-surface: #000000;
    --color-bg-overlay: rgba(0, 0, 0, 0.9);

    /* Текст */
    --color-text-primary: #ffffff;
    --color-text-secondary: #cccccc;
    --color-text-tertiary: #aaaaaa;
    --color-text-inverse: #000000;
    --color-text-muted: #888888;

    /* Границы */
    --color-border-light: #333333;
    --color-border-medium: #ffffff;
    --color-border-heavy: #ffffff;

    /* Эффекты */
    --glass-bg: rgba(0, 0, 0, 0.9);
    --glass-border: 2px solid #ffffff;
    --glass-shadow: 0 0 10px #ffffff;

    /* Градиенты (упрощенные для высокой контрастности) */
    --gradient-primary: #00ffff;
    --gradient-secondary: #ffff00;
    --gradient-accent: #ff0000;
    --gradient-bg: #000000;

    /* Цвета для когнитивных нарушений */
    --color-focus: #ffff00;
    --color-highlight: #ffff00;
    --color-error-bg: #000000;
    --color-success-bg: #000000;
    --color-warning-bg: #000000;
    --color-info-bg: #000000;
}

/* ===== УТИЛИТЫ ДЛЯ ПРИМЕНЕНИЯ ТЕМ ===== */
.theme-light {
    color-scheme: light;
}

.theme-dark {
    color-scheme: dark;
}

.theme-beige {
    color-scheme: light;
}

.theme-high-contrast {
    color-scheme: dark;
    -webkit-font-smoothing: antialiased;
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ УТИЛИТАРНЫЕ КЛАССЫ ДЛЯ ЦВЕТОВ ===== */
.text-success-50 { color: var(--color-success-50); }
.text-success-100 { color: var(--color-success-100); }
.text-success-200 { color: var(--color-success-200); }
.text-success-300 { color: var(--color-success-300); }
.text-success-400 { color: var(--color-success-400); }
.text-success-500 { color: var(--color-success-500); }
.text-success-600 { color: var(--color-success-600); }
.text-success-700 { color: var(--color-success-700); }
.text-success-800 { color: var(--color-success-800); }
.text-success-900 { color: var(--color-success-900); }

.bg-success-50 { background-color: var(--color-success-50); }
.bg-success-100 { background-color: var(--color-success-100); }
.bg-success-200 { background-color: var(--color-success-200); }
.bg-success-300 { background-color: var(--color-success-300); }
.bg-success-400 { background-color: var(--color-success-400); }
.bg-success-500 { background-color: var(--color-success-500); }
.bg-success-600 { background-color: var(--color-success-600); }
.bg-success-700 { background-color: var(--color-success-700); }
.bg-success-800 { background-color: var(--color-success-800); }
.bg-success-900 { background-color: var(--color-success-900); }

/* Аналогично для warning, danger, info, secondary, primary */
.text-warning-100 { color: var(--color-warning-100); }
.text-warning-700 { color: var(--color-warning-700); }
.bg-warning-100 { background-color: var(--color-warning-100); }
.bg-warning-700 { background-color: var(--color-warning-700); }

.text-danger-100 { color: var(--color-danger-100); }
.text-danger-700 { color: var(--color-danger-700); }
.bg-danger-100 { background-color: var(--color-danger-100); }
.bg-danger-700 { background-color: var(--color-danger-700); }

.text-info-100 { color: var(--color-info-100); }
.text-info-700 { color: var(--color-info-700); }
.bg-info-100 { background-color: var(--color-info-100); }
.bg-info-700 { background-color: var(--color-info-700); }

.text-secondary-100 { color: var(--color-secondary-100); }
.text-secondary-700 { color: var(--color-secondary-700); }
.bg-secondary-100 { background-color: var(--color-secondary-100); }
.bg-secondary-700 { background-color: var(--color-secondary-700); }