/* =========================
   GREEN - Main Brand
========================= */
html[data-theme="green"] {
    --btn-gradient: linear-gradient(to bottom, #5fd6af 0%, #3eb489 20%, #009b77 65%, #00755c 100%) !important;
    --btn-gradient-hero: linear-gradient(to bottom, #fff7b8 0%, #fde910 20%, #ffcc00 55%, #ffb300 80%, #ff9800 100%) !important;
    --btn-ring: rgba(0,155,119,.30) !important;
    --btn-border-b: #006b53 !important;
    --btn-border-l: #5fd6af !important;
    --btn-border-r: #3eb489 !important;
    --btn-border-b-hero: #e08a00 !important;
    --btn-border-l-hero: #fff7b8 !important;
    --btn-border-r-hero: #fde910 !important;
    --btn-shadow: 0 12px 30px rgba(0,155,119,.25) !important;
    --btn-hero-text: #222 !important;
    --color-primary: #009B77 !important;
    --color-contrast: #009B77 !important;
}

/* =========================
   LIGHT GREEN
========================= */
html[data-theme="light-green"] {
    --btn-gradient: linear-gradient(to bottom, #a4e6ce 0%, #7bd8b4 20%, #3eb489 60%, #2b9c72 100%) !important;
    --btn-gradient-hero: linear-gradient(to bottom, #fff7b8 0%, #fde910 20%, #ffcc00 55%, #ffb300 80%, #ff9800 100%) !important;
    --btn-ring: rgba(62,180,137,.30) !important;
    --btn-border-b: #258661 !important;
    --btn-border-l: #a4e6ce !important;
    --btn-border-r: #7bd8b4 !important;
    --btn-border-b-hero: #e08a00 !important;
    --btn-border-l-hero: #fff7b8 !important;
    --btn-border-r-hero: #fde910 !important;
    --btn-shadow: 0 12px 30px rgba(62,180,137,.25) !important;
    --btn-hero-text: #222 !important;
    --color-primary: #3EB489 !important;
    --color-contrast: #3EB489 !important;
}

/* =========================
   OLIVE
========================= */
html[data-theme="olive"] {
    --btn-gradient: linear-gradient(to bottom, #a9c95a 0%, #8faa35 20%, #6b8e23 60%, #556f1b 100%) !important;
    --btn-gradient-hero: linear-gradient(to bottom, #fff7b8 0%, #fde910 20%, #ffcc00 55%, #ffb300 80%, #ff9800 100%) !important;
    --btn-ring: rgba(107,142,35,.30) !important;
    --btn-border-b: #465d16 !important;
    --btn-border-l: #a9c95a !important;
    --btn-border-r: #8faa35 !important;
    --btn-border-b-hero: #e08a00 !important;
    --btn-border-l-hero: #fff7b8 !important;
    --btn-border-r-hero: #fde910 !important;
    --btn-shadow: 0 12px 30px rgba(107,142,35,.25) !important;
    --btn-hero-text: #222 !important;
    --color-primary: #6B8E23 !important;
    --color-contrast: #6B8E23 !important;
}

/* =========================
   SKY BLUE
========================= */
html[data-theme="blue"] {
    --btn-gradient: linear-gradient(to bottom, #c8e8ff 0%, #a8dbff 20%, #7fc7ff 60%, #4ca9f5 100%) !important;
    --btn-gradient-hero: linear-gradient(to bottom, #fff7b8 0%, #fde910 20%, #ffcc00 55%, #ffb300 80%, #ff9800 100%) !important;
    --btn-ring: rgba(127,199,255,.30) !important;
    --btn-border-b: #3489d1 !important;
    --btn-border-l: #c8e8ff !important;
    --btn-border-r: #a8dbff !important;
    --btn-border-b-hero: #e08a00 !important;
    --btn-border-l-hero: #fff7b8 !important;
    --btn-border-r-hero: #fde910 !important;
    --btn-shadow: 0 12px 30px rgba(127,199,255,.25) !important;
    --btn-hero-text: #222 !important;
    --color-primary: #7FC7FF !important;
    --color-contrast: #4ca9f5 !important;
}

/* =========================
   YELLOW
========================= */
html[data-theme="yellow"] {
    --btn-gradient: linear-gradient(to bottom, #fff7b8 0%, #fde910 20%, #f7d600 60%, #e6c500 100%) !important;
    --btn-gradient-hero: linear-gradient(to bottom, #fff7b8 0%, #fde910 20%, #ffcc00 55%, #ffb300 80%, #ff9800 100%) !important;
    --btn-ring: rgba(253,233,16,.30) !important;
    --btn-border-b: #c8a900 !important;
    --btn-border-l: #fff7b8 !important;
    --btn-border-r: #fde910 !important;
    --btn-border-b-hero: #e08a00 !important;
    --btn-border-l-hero: #fff7b8 !important;
    --btn-border-r-hero: #fde910 !important;
    --btn-shadow: 0 12px 30px rgba(253,233,16,.25) !important;
    --btn-hero-text: #222 !important;
    --color-primary: #FDE910 !important;
    --color-contrast: #e6c500 !important;
}

/* =========================
   ПРИМЕНЕНИЕ ЦВЕТА К ЭЛЕМЕНТАМ
========================= */

/* Якорный список (TOC) */
#toc_container .toc_list a,
.toc_list a {
    color: var(--color-contrast) !important;
}
#toc_container {
    border-left: 3px solid var(--color-contrast) !important;
}