/*
 * Общи цветове и размери (design tokens) — едно място вместо десетки повторения.
 * Новите стилове ползват var(--gwh-...). Старите правила постепенно могат да минат към тях.
 */
:root {
    --gwh-green: #99cc66;          /* #9C6 — основният цвят на сайта */
    --gwh-green-dark: #77aa44;     /* #7A4 — hover/активен */
    --gwh-green-ink: #4f6e2a;      /* текст/линкове в зелено с добър контраст */
    --gwh-green-soft: #f1f8e9;     /* фон на леки акценти */
    --gwh-bg: #f7f7f7;
    --gwh-card: #ffffff;
    --gwh-text: #444;
    --gwh-text-soft: #646464;
    --gwh-muted: #888;
    --gwh-border: #e6ebe0;
    --gwh-danger: #d84315;
    --gwh-danger-soft: #fdecea;
    --gwh-warn: #c27c0e;
    --gwh-warn-soft: #fff4e0;
    --gwh-info: #2f6fb0;
    --gwh-info-soft: #e8f0fa;
    --gwh-ok: #4f8a10;
    --gwh-ok-soft: #edf7e3;
    --gwh-radius: 15px;
    --gwh-radius-sm: 8px;
    --gwh-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    --gwh-shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.12);
    --gwh-font: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;
}