/**
 * Primary renk tint tokenları — iOS Safari color-mix(..., transparent) hatasına karşı.
 * Değerler head-css içinde PHP/JS ile :root üzerinde set edilir.
 *
 * Kullanım (yeni kod):
 *   background: var(--orvix-primary-tint-12);
 *   border: 1px solid var(--orvix-primary-tint-28);
 *   background: var(--orvix-primary-soft);          /* ikon kutusu */
 *   background: var(--orvix-primary-on-white-14);   /* beyaz zemin üstü */
 *
 * Eski iOS Safari (color-mix yok): önce rgba/hex fallback, sonra color-mix:
 *   background: var(--orvix-primary-tint-14);
 *   background: color-mix(in srgb, var(--bs-primary) 14%, var(--orvix-mix-base, #fff));
 *
 * color-mix kullanacaksanız transparent yerine:
 *   color-mix(in srgb, var(--bs-primary) 14%, var(--orvix-mix-base, #fff))
 */

html[data-bs-theme="light"] {
    --orvix-mix-base: #ffffff;
}

html[data-bs-theme="dark"] {
    --orvix-mix-base: var(--orvix-mix-base-dark, #131324);
}

/* Varsayılan (PHP/JS yüklenmeden önce FOUC azaltma) */
:root {
    --orvix-primary-soft: #e8eefc;
    --orvix-primary-tint-6: rgba(55, 98, 234, 0.06);
    --orvix-primary-tint-8: rgba(55, 98, 234, 0.08);
    --orvix-primary-tint-10: rgba(55, 98, 234, 0.1);
    --orvix-primary-tint-12: rgba(55, 98, 234, 0.12);
    --orvix-primary-tint-14: rgba(55, 98, 234, 0.14);
    --orvix-primary-tint-15: rgba(55, 98, 234, 0.15);
    --orvix-primary-tint-16: rgba(55, 98, 234, 0.16);
    --orvix-primary-tint-18: rgba(55, 98, 234, 0.18);
    --orvix-primary-tint-22: rgba(55, 98, 234, 0.22);
    --orvix-primary-tint-28: rgba(55, 98, 234, 0.28);
    --orvix-primary-tint-32: rgba(55, 98, 234, 0.32);
    --orvix-primary-tint-35: rgba(55, 98, 234, 0.35);
    --orvix-primary-tint-38: rgba(55, 98, 234, 0.38);
    --orvix-primary-tint-45: rgba(55, 98, 234, 0.45);
    --orvix-primary-tint-55: rgba(55, 98, 234, 0.55);
    --orvix-primary-on-white-10: #e8eefc;
    --orvix-primary-on-white-14: #dfe8fb;
    --orvix-primary-on-white-18: #d5e1fa;
    --orvix-primary-on-white-92: #f2f6fe;
    --orvix-primary-gradient-start: #f2f6fe;
    --orvix-accent-soft: var(--orvix-primary-soft);
    --orvix-accent-soft-border: var(--orvix-primary-tint-32, rgba(55, 98, 234, 0.32));
}
