/* /var/www/ylqr.net/assets/css/theme.css
   Глобальные CSS-переменные сайта YLQR.NET
   Подключать во всех новых файлах: <link rel="stylesheet" href="/assets/css/theme.css">
   При редизайне — менять только здесь */

:root {
    /* Фоны */
    --bg-page:       #f5f7fa;
    --bg-card:       #ffffff;
    --bg-header:     #ffffff;
    --bg-input:      #ffffff;

    /* Границы */
    --border:        #e0e0e0;
    --border-light:  #f0f0f0;

    /* Текст */
    --text:          #333333;
    --text-muted:    #888888;
    --text-light:    #aaaaaa;

    /* Акцент (синий) */
    --accent:        #0077cc;
    --accent-hover:  #005fa3;
    --accent-light:  #f0f7ff;
    --accent-border: #d0e3f5;

    /* Статусы */
    --success:       #2e7d32;
    --success-bg:    #e8f5e9;
    --success-border:#c8e6c9;
    --danger:        #c0392b;
    --danger-bg:     #fdecea;
    --danger-border: #f5c6c6;
    --warning:       #e65100;
    --warning-bg:    #fff3e0;

    /* Типографика */
    --font:          -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --radius:        8px;
    --radius-sm:     4px;
    --radius-lg:     12px;

    /* Хедер */
    --header-height: 57px;
}