/*
====================================================================

Colors

Единая цветовая схема темы.

Все цвета темы определяются через CSS-переменные.

Значения переменных переопределяются модулем
inc/colors/colors.php.

Компоненты должны использовать только переменные.

Запрещается использовать HEX-цвета напрямую
в компонентах темы.

====================================================================
*/


/* ================================================================
   Цветовые переменные
   ================================================================ */

:root {

    /*
     * Основные цвета
     */

    --dd-background: #fbfdfd;

    --dd-text: #001013;
    --dd-text-light: #007578;

    /* Приглушённый текст: служебные абзацы (СЕО-текст и т.п.). */
    --dd-text-muted: #4b6266;

    --dd-primary: #007578;
    --dd-primary-light: #c4e4e4;
    --dd-primary-grey: #e2ecec;

    --dd-main: var(--dd-primary);
    --dd-main-light: var(--dd-primary-light);
    --dd-main-grey: var(--dd-primary-grey);

    --dd-accent: #e7382b;

    --dd-link: var(--dd-primary);

    --dd-white: #ffffff;
    --dd-black: #000000;

    --dd-foreground: #f5fafd;

    --dd-background-bright: #ffffff;
    --dd-sec-background: #099b90;

    --dd-footer-background: #001013;
    --dd-footer-text: #ffffff;
    --dd-footer-link: #ffffff;

    /* Светлые фоны секций главной. */
    --dd-section-mint: #e8f2f1;
    --dd-section-grey: #eef1f1;

    /* Золотой акцент фич-иконок. */
    --dd-accent-gold: #d9a441;

}


/* ================================================================
   Базовые цвета сайта
   ================================================================ */

body {

    color: var(--dd-text);

    background: var(--dd-background);

}

a {

    color: var(--dd-link);

}

a:hover {

    color: var(--dd-accent);

}

.dd-bottom-bar {

    color: var(--dd-white);

    background: var(--dd-black);

}

.dd-bottom-bar a {

    color: inherit;

}