/* ============================================================
   ЦВЕТА — ЕДИНЫЙ ИСТОЧНИК
   Палитра построена вокруг цвета логотипа #2BB5C4 (aqua/teal).
   ============================================================ */

:root {
    /* ---------- Тёмные фоны ---------- */
    --dark-bg:         #0a2e3d;   /* hero, quiz, prices, footer */
    --dark-bg-soft:    #0d3a4a;   /* фон карточек на тёмном */
    --dark-bg-deep:    #061b24;   /* очень тёмный акцент */

    /* ---------- Светлые фоны ---------- */
    --surface:         #fff;      /* основной */
    --surface-soft:    #f0f9fa;   /* чередующиеся секции */
    --surface-softer:  #f7fcfd;   /* ещё светлее */

    /* ---------- Основной акцент ---------- */
    --accent:          #2bb5c4;   /* кнопки, ссылки, акценты */
    --accent-hover:    #3ec3d1;   /* hover */
    --accent-deep:     #1f9aa8;   /* тёмный вариант для текста на светлом */

    /* ---------- Акценты на тёмном фоне ---------- */
    --accent-on-dark:      #7dd3dc;   /* текст, иконки на тёмном */
    --accent-on-dark-soft: #a8e0e6;   /* приглушённый */

    /* ---------- Границы ---------- */
    --border:          #cde7ea;   /* обычная */
    --border-soft:     #e0f0f2;   /* мягкая */

    /* ---------- Текст ---------- */
    --text-primary:    #10242e;   /* основной */
    --text-muted:      #5c7280;   /* приглушённый */
    --text-on-dark:    #d0e6e9;   /* на тёмном */
    --text-on-dark-soft: #a5c5ca; /* приглушённый на тёмном */

    /* ---------- Оверлеи (полупрозрачные) ---------- */
    --overlay-strong:  rgba(10, 46, 61, .88);
    --overlay-medium:  rgba(10, 46, 61, .55);
    --overlay-soft:    rgba(10, 46, 61, .18);
    --overlay-dark:    rgba(0, 0, 0, .35);

    /* ---------- Дополнительные служебные ---------- */
    --accent-darkest:   #16838f;
    --accent-glow:      rgba(43, 181, 196, .32);
    --accent-glow-soft: rgba(43, 181, 196, .22);

    --border-dark:      #1c3d4c;

    --surface-photo:    #dce9ee;
    --border-photo:     #cde3e8;

    /* ---------- Дополнительные служебные ---------- */
    --accent-darkest:   #16838f;
    --accent-glow:      rgba(43, 181, 196, .32);
    --accent-glow-soft: rgba(43, 181, 196, .22);

    --border-dark:      #1c3d4c;

    --surface-photo:    #dce9ee;
    --border-photo:     #cde3e8;

    /* ---------- Дополнительные служебные ---------- */
    --accent-darkest:   #16838f;
    --accent-glow:      rgba(43, 181, 196, .32);
    --accent-glow-soft: rgba(43, 181, 196, .22);

    --border-dark:      #1c3d4c;

    --surface-photo:    #dce9ee;
    --border-photo:     #cde3e8;

    /* ---------- Дополнительные служебные ---------- */
    --accent-darkest:   #16838f;
    --accent-glow:      rgba(43, 181, 196, .32);
    --accent-glow-soft: rgba(43, 181, 196, .22);

    --border-dark:      #1c3d4c;

    --surface-photo:    #dce9ee;
    --border-photo:     #cde3e8;

    /* ---------- Дополнительные служебные ---------- */
    --accent-darkest:   #16838f;
    --accent-glow:      rgba(43, 181, 196, .32);
    --accent-glow-soft: rgba(43, 181, 196, .22);

    --border-dark:      #1c3d4c;

    --surface-photo:    #dce9ee;
    --border-photo:     #cde3e8;

    /* ---------- Дополнительные служебные ---------- */
    --accent-darkest:   #16838f;                    /* для градиентов кнопок */
    --accent-glow:      rgba(43, 181, 196, .32);    /* тень акцентных кнопок */
    --accent-glow-soft: rgba(43, 181, 196, .22);    /* тень secondary и радиальные блики */

    --border-dark:      #1c3d4c;                    /* граница на тёмном фоне */

    --surface-photo:    #dce9ee;                    /* фон-плейсхолдер под фото */
    --border-photo:     #cde3e8;                    /* рамка вокруг фото */

    /* ---------- Фирменные (не менять) ---------- */
    --whatsapp:        #16a968;
    --telegram:        #229ed9;
    --max:             #2667e8;
    --star:            #efad35;
    --danger:          #bb3340;
    --success:         #16824f;
}