/* ==========================================================================
   DGR Web v12 — Uyum katmanı (theme-compat)
   1) Eski token adları → yeni Ember tokenları (her kapsamda yeniden bildirilir; iki temada da doğru değer).
   2) Eski ikincil renk aileleri (teal/rose/sky) tek vurgu diline iner: durum renkleri hariç hepsi turuncu/amber.
   3) Henüz tokenlanmamış eski kurallardaki sabit açık renkler koyu temada yüzeye çevrilir.
   Sayfa dosyaları tokenlara geçtikçe bu dosya küçülür.
   ========================================================================== */

/* ---- 1) Eski adlar → tokenlar ---- */
:root,
.band-dark,
.sec-ink,
.band-light,
.band-orange {
    --ink: var(--text);
    --ink-soft: color-mix(in oklab, var(--text) 86%, var(--text-2));
    --muted: var(--text-2);
    --faint: var(--text-3);
    --bg-soft: var(--surface);
    --brand-50: var(--brand-soft);
    --brand-100: var(--brand-soft-2);
    --brand-200: color-mix(in oklab, var(--brand) 36%, var(--surface));
    --brand-300: color-mix(in oklab, var(--brand) 60%, var(--surface));
    --accent-amber: var(--accent);
    --accent-amber-soft: var(--accent-soft);
    --accent-teal: var(--ok);
    --accent-teal-soft: var(--ok-soft);
    --accent-rose: var(--danger);
    --accent-rose-soft: var(--danger-soft);
    --accent-sky: var(--info);
    --accent-sky-soft: color-mix(in oklab, var(--info) 14%, var(--surface));
}

:root[data-theme="light"],
.band-light {
    --ink-soft: color-mix(in oklab, var(--text) 80%, #fff);
}

/* ---- 2) Çok renkli eski vurgular: durum dışı kullanımlar turuncuya iner ---- */
.band-orange ::selection {
    background: var(--selection);
    color: var(--text);
}

/* ---- 3) Eski açık tasarımdan kalan sabit renkler (koyu temada) ---- */
:root:not([data-theme="light"]) .chip,
:root:not([data-theme="light"]) .sel__frame i,
:root:not([data-theme="light"]) .marquee__sq,
:root:not([data-theme="light"]) .kvkk-apply,
:root:not([data-theme="light"]) .window__screen,
:root:not([data-theme="light"]) .window__select .h,
:root:not([data-theme="light"]) .filter,
:root:not([data-theme="light"]) .service,
:root:not([data-theme="light"]) .ill,
:root:not([data-theme="light"]) .ill__bar,
:root:not([data-theme="light"]) .ill__handles i,
:root:not([data-theme="light"]) .ill__row i,
:root:not([data-theme="light"]) .ill .ill__page,
:root:not([data-theme="light"]) .ill .ill__page--back,
:root:not([data-theme="light"]) .ill__nav,
:root:not([data-theme="light"]) .ill__cols u,
:root:not([data-theme="light"]) .ill__toggle::after,
:root:not([data-theme="light"]) .principles__list li,
:root:not([data-theme="light"]) .bizcard,
:root:not([data-theme="light"]) .channel,
:root:not([data-theme="light"]) .form,
:root:not([data-theme="light"]) .field__input:focus,
:root:not([data-theme="light"]) .check__box,
:root:not([data-theme="light"]) .glance__item,
:root:not([data-theme="light"]) .journey__icon,
:root:not([data-theme="light"]) .nfp__code,
:root:not([data-theme="light"]) .nfp__path-value,
:root:not([data-theme="light"]) .nfp__search,
:root:not([data-theme="light"]) .nfp__input:focus,
:root:not([data-theme="light"]) .hdev__screen {
    background: var(--surface);
}

:root:not([data-theme="light"]) .filter[aria-pressed="true"],
:root:not([data-theme="light"]) .ill--code,
:root:not([data-theme="light"]) .ill__tabs i,
:root:not([data-theme="light"]) .ill__tabs i:first-child,
:root:not([data-theme="light"]) .avatar,
:root:not([data-theme="light"]) .mac__display::before,
:root:not([data-theme="light"]) .mac__screen,
:root:not([data-theme="light"]) .hdev__notch {
    background: var(--surface-3);
}

:root:not([data-theme="light"]) .sel__tag,
:root:not([data-theme="light"]) .window__tag,
:root:not([data-theme="light"]) .check__input:checked + .check__box,
:root:not([data-theme="light"]) .nfp__code b {
    background: var(--brand-fill);
}

:root:not([data-theme="light"]) .field__input[aria-invalid="true"],
:root:not([data-theme="light"]) .check__input[aria-invalid="true"] + .check__box {
    border-color: var(--danger);
}

:root:not([data-theme="light"]) .mac__wall {
    background: linear-gradient(to right, rgb(255 255 255 / 0.28) 1px, transparent 1px) 0 0 / 6cqw 6cqw,
        linear-gradient(to bottom, rgb(255 255 255 / 0.28) 1px, transparent 1px) 0 0 / 6cqw 6cqw,
        color-mix(in srgb, var(--brand) 22%, var(--bg-2));
}

:root:not([data-theme="light"]) .mac__menubar {
    color: var(--text);
    background: var(--surface);
}