:root{
    --bg:#0b1119;
    --panel:#0f1622;
    --card:#121b29;
    --border:rgba(255,255,255,0.08);
    --text-primary:#e6edf3;
    --text-secondary:#9fb0c3;
    --accent-color-1:#7cc0ff;   /* заголовки, логотип */
    --accent-color-2:#6ee7b7;   /* бейдж/иконки акцента */
}

/* Базовые цвета */
html,body{ background:var(--bg); color:var(--text-primary); }
.uk-light, .uk-section, .uk-card, .uk-navbar-container { color:var(--text-primary); }

/* Навбар */
.uk-navbar-container { background: transparent; }
.uk-navbar-container .uk-navbar-nav>li>a { color: var(--text-secondary); }
.uk-navbar-container .uk-navbar-nav>li>a:hover { color: var(--text-primary); }
.tm-header-transparent .uk-logo { color: var(--accent-color-1) !important; }

/* Секции */
.uk-section { background:var(--bg); }
.uk-section-secondary { background:var(--panel); }

/* Карточки (не трогаем разметку — перекрашиваем default) */
.uk-card-default, .uk-card-secondary {
    background: var(--card);
    border: 1px solid var(--border);
    color: var(--text-primary);
}
.uk-card-secondary .uk-text-meta,
.uk-card-default .uk-text-meta { color: var(--text-secondary); }

/* Списки, описания */
.uk-text-lead { color: var(--text-secondary) !important; }
.description-list, .uk-list>li { color: var(--text-secondary); }

/* Заголовки/иконки акцентом */
h1,h2,h3,h4,h5 { color: var(--text-primary); }
.uk-card-title { color: var(--text-primary); }

/* Кнопки */
.uk-button-primary{
    background: linear-gradient(180deg, var(--accent-color-1), #5fa6e9);
    border: 0; color:#0b1119;
}
.uk-button-primary:hover { filter: brightness(1.05); }
.uk-button-text { color: var(--text-secondary) !important; }
.uk-label { background: var(--accent-color-2); color:#072016; }

/* Цены/мета */
.uk-text-meta { color: var(--text-secondary) !important; }
.uk-heading-primary { color: var(--accent-color-1) !important; }

/* Алерты */
.uk-alert-primary{
    background: rgba(124,192,255,0.08);
    border:1px solid var(--border);
    color: var(--text-primary);
}

/* Модалка */
.uk-modal-dialog{
    background: var(--panel);
    color: var(--text-primary);
    border:1px solid var(--border);
}
.uk-modal-header, .uk-modal-footer { background: transparent; border-color: var(--border); }

/* Offcanvas уже тёмный в UIkit, только текст подрежем */
.uk-offcanvas-bar { color: var(--text-primary); }
.uk-offcanvas-bar .uk-nav-default>li>a { color: var(--text-secondary); }
.uk-offcanvas-bar .uk-nav-default>li>a:hover { color: var(--text-primary); }

/* Ссылки */
a { color: var(--accent-color-1); }
a:hover { opacity:.9; }

/* Превью/иконки в карточках */
[uk-icon] { color: var(--accent-color-2); }



     /* ==== Dark UI for modal ==== */
 #buy-modal .uk-modal-dialog{
     background: var(--panel);
     color: var(--text-primary);
     border: 1px solid var(--border);
     box-shadow: 0 20px 60px rgba(0,0,0,.55);
 }
#buy-modal .uk-modal-header,
#buy-modal .uk-modal-footer{
    background: transparent;
    border-color: var(--border);
}
#buy-modal .uk-modal-title{ color: var(--text-primary); }

/* Текст, ссылки, мета */
#buy-modal .uk-text-meta{ color: var(--text-secondary) !important; }
#buy-modal a{ color: var(--accent-color-1); }

/* Инпуты / селекты / textarea */
#buy-modal .uk-input,
#buy-modal .uk-textarea,
#buy-modal .uk-select{
    background: #0f1622;
    border: 1px solid var(--border);
    color: var(--text-primary);
}
#buy-modal .uk-input::placeholder,
#buy-modal .uk-textarea::placeholder{ color: #6f7f93; }
#buy-modal .uk-input:focus,
#buy-modal .uk-textarea:focus,
#buy-modal .uk-select:focus{
    border-color: rgba(124,192,255,.6); /* акцентный фокус */
    box-shadow: 0 0 0 2px rgba(124,192,255,.15);
    outline: none;
}

/* Лейблы, чекбоксы, радиокнопки */
#buy-modal .uk-form-label{ color: var(--text-primary); }
#buy-modal .uk-checkbox,
#buy-modal .uk-radio{
    background: #0f1622;
    border: 1px solid var(--border);
}
#buy-modal .uk-checkbox:checked,
#buy-modal .uk-radio:checked{
    background-color: var(--accent-color-1);
    border-color: var(--accent-color-1);
}

/* Кнопки */
#buy-modal .uk-button-primary{
    background: linear-gradient(180deg, var(--accent-color-1), #5fa6e9);
    color: #0b1119;
    border: 0;
}
#buy-modal .uk-button-primary:disabled{
    opacity: .5; cursor: not-allowed;
}
#buy-modal .uk-button-default{
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text-secondary);
}
#buy-modal .uk-button-default:hover{
    color: var(--text-primary);
    border-color: rgba(255,255,255,.18);
}

/* Сообщения в форме */
#buy-modal .uk-alert-primary{
    background: rgba(124,192,255,0.08);
    border: 1px solid var(--border);
    color: var(--text-primary);
}
#buy-modal .uk-alert-danger{
    background: rgba(255,71,87,.08);
    border: 1px solid rgba(255,71,87,.25);
    color: #ffb3ba;
}


/* === Better button legibility === */

/* Общие: потолще шрифт и чуть межбуквенного интервала */
.uk-button,
.uk-button-large { font-weight: 700; letter-spacing: .02em; }

/* У кнопок-линков не даём перекрашиваться правилу "a { color: … }" */
a.uk-button { color: inherit; }

/* Primary: чуть темнее градиент + более контрастный цвет текста */
.uk-button-primary,
#buy-modal .uk-button-primary {
    background: linear-gradient(180deg, #79bbff, #3f8fd8);
    color: #071019 !important;          /* более тёмный текст */
    text-shadow: 0 1px 0 rgba(255,255,255,.25); /* добавляет читаемости на синем фоне */
}
.uk-button-primary:hover,
#buy-modal .uk-button-primary:hover {
    filter: none;
    box-shadow: 0 0 0 2px rgba(124,192,255,.2);
}

/* Default: делаем текст основным и добавим лёгкую подложку по ховеру */
.uk-button-default,
#buy-modal .uk-button-default {
    color: var(--text-primary) !important;
    border: 1px solid rgba(255,255,255,.18);
    background: transparent;
}
.uk-button-default:hover,
#buy-modal .uk-button-default:hover {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.28);
}

/* Текстовые кнопки — пусть будут акцентными, а не серыми */
.uk-button-text { color: var(--accent-color-1) !important; }
.