/* 
   Цветовая палитра — CSS-переменные 
*/
:root {
    /*  Фирменные цвета  */
    --c-teal:           #1ab394;
    --c-teal-hover:     #17a385;
    --c-teal-muted:     #57ccb5;
    --c-teal-light:     #edfaf5;

    --c-dark:           #2f3f4f;
    --c-dark-hover:     #263545;

    /*  Статусы  */
    --c-danger:         #e74c3c;
    --c-danger-light:   #fff0ee;
    --c-danger-border:  #f5a89a;

    --c-warning:        #f39c12;
    --c-warning-light:  #fff8e1;

    --c-success:        #27ae60;
    --c-success-light:  #e8f5e9;
    --c-success-vivid:  #2ecc71;

    --c-info:           #0984e3;
    --c-info-light:     #dbeafe;
    --c-info-vivid:     #74b9ff;

    --c-orange:         #e67e22;
    --c-orange-vivid:   #fdcb6e;

    --c-idle:           #d4c85a;
    --c-idle-text:      #5a4e00;

    /*  Текст  */
    --c-text:           #2c3e50;
    --c-text-mid:       #4a5568;
    --c-text-light:     #6c7a8d;
    --c-muted:          #9eaab8;

    /*  Фоны и границы  */
    --c-white:          #ffffff;
    --c-bg:             #f5f6f8;
    --c-bg-soft:        #f8f9fb;
    --c-bg-light:       #eef0f3;
    --c-bg-group:       #eef2f7;

    --c-border:         #dde3ea;
    --c-border-light:   #eef0f3;
    --c-border-mid:     #b0bec5;

    /*  Вода  */
    --c-water-white:    #0984e3;
    --c-water-white-soft: #e8f4ff;
    --c-water-gray:     #636e72;
}