@charset "UTF-8";
/* ==========================================================
   UI VARIABLES — CSS-переменные для всей темы
   ========================================================== */

:root {
    --ui-radius:      7px;
    --ui-radius-sm:   5px;
    --ui-transition:  0.17s ease;
    --ui-focus-ring:  0 0 0 3px;

    /* Цвета действий */
    --c-primary:      #3b7eed;
    --c-primary-h:    #2563eb;
    --c-primary-ring: rgba(59, 126, 237, 0.22);

    --c-info:         #0ea5e9;
    --c-info-h:       #0284c7;
    --c-info-ring:    rgba(14, 165, 233, 0.22);

    --c-success:      #22c55e;
    --c-success-h:    #16a34a;
    --c-success-ring: rgba(34, 197, 94, 0.22);

    --c-danger:       #ef4444;
    --c-danger-h:     #dc2626;
    --c-danger-ring:  rgba(239, 68, 68, 0.22);

    --c-secondary:    #64748b;
    --c-secondary-h:  #475569;

    /* Формы */
    --c-border:       #d0d7e2;
    --c-border-focus: #3b7eed;
    --c-text:         #1e293b;
    --c-text-muted:   #64748b;
    --c-placeholder:  #9baab8;
    --c-bg:           #ffffff;
    --c-label:        #475569;

    /* Поверхности */
    --c-surface:      #f8fafc;
    --c-surface-border: #e8edf3;
}

/* Тёмная тема — переопределяем переменные */
.dark-mode {
    --c-border:         #3d4a5c;
    --c-border-focus:   #63a4f4;
    --c-text:           #e2e8f0;
    --c-placeholder:    #6b7a90;
    --c-bg:             #2a3244;
    --c-label:          #8fa3be;
    --c-primary-ring:   rgba(99, 164, 244, 0.25);

    --c-surface:        #192533;
    --c-surface-border: #2d3d52;
}