:root {
    --primary-color: #aa0000;/*#47b2e4;           Синій */
    --primary-dark: #37517e;            /* Темно-синій */
    --light-gray: #f3f5fa;              /* Світло-сірий */
    --text-color: #444444;              /* Темно-сірий */
    --white-color: #fff;                /* Білий */
    --border-color: #ddd;               /* Світло-сірий для бордерів */
    --accent-color: #209dd8;            /* Темніший синій відтінок */

    /* Відтінки за допомогою lighten і darken */
    --primary-hover: #6bc1e9;           /* Світліший синій від --primary-color */
    --primary-accent: #31a9e1;          /* Темніший синій від --primary-color */
    --primary-bg-darken: #2e496b;       /* Темніший відтінок --primary-dark */
    --footer-bg-color: var(--primary-dark); /* Основний темний колір фону */
    --cta-gradient: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)); /* Градієнт із темно-синього */

    /* Додаткові відтінки */
    --primary-lightened: #a1d3ee;       /* Світліший синій для фону іконок */
    --primary-darkened: #2c446a;        /* Темніший синій для тексту */
}