/*
 * Dosya: variables.css
 * Bağlı PHP: tema.php / tanitim-pop-up.php / sesli-mod.php
 * Alan: Frontend
 * Tür: Shared CSS
 * Açıklama: Sohbet ve pop-up katmanlarında kullanılan ortak fallback değişkenleri burada tutulur.
 */

:root{
    --dfa-main:#0b7c83;
    --dfa-accent:#b19777;
    --dfa-bg:#f6f8fa;
    --dfa-header-start:#0b7c83;
    --dfa-header-end:#07565d;
    --dfa-surface:#ffffff;
    --dfa-surface-text:#0f172a;
    --dfa-input-surface:#ffffff;
    --dfa-launcher-pill-bg:#ffffff;
    --dfa-launcher-pill-text:#2f3640;
    --dfa-header-icon-bg:rgba(255,255,255,0.16);
    --dfa-chat-w:420px;
    --dfa-max-h:640px;
    --dfa-launcher-s:56px;
    --dfa-fs-desktop:14px;
    --dfa-fs-mobile:14px;
    --dfa-thumb:72px;
    --dfa-inline-max-h:220px;
    --dfa-radius:20px;
    --dfa-shadow:0 20px 60px rgba(0,0,0,.40);
    --dfa-border:1px solid rgba(0,0,0,.08);

    --dfa-promo-overlay-bg:rgba(15,23,42,.82);
    --dfa-promo-max-width:560px;
    --dfa-promo-max-width-lg:560px;
    --dfa-promo-max-width-md:560px;
    --dfa-promo-radius:24px;
    --dfa-promo-radius-mobile:24px;
    --dfa-promo-white-sheen:rgba(255,255,255,.78);
    --dfa-promo-modal-bg:#ffffff;
    --dfa-promo-border-soft:rgba(15,23,42,.08);
    --dfa-promo-modal-shadow:0 28px 80px rgba(2,6,23,.22), 0 10px 24px rgba(2,6,23,.10);
    --dfa-promo-primary:#0b7c83;
    --dfa-promo-accent:#b19777;
    --dfa-promo-primary-soft:rgba(11,124,131,.18);
    --dfa-promo-accent-soft:rgba(177,151,119,.16);
    --dfa-promo-primary-glow:rgba(11,124,131,.30);
    --dfa-promo-accent-glow:rgba(177,151,119,.24);
    --dfa-promo-primary-glow-strong:rgba(11,124,131,.36);
    --dfa-promo-accent-glow-strong:rgba(177,151,119,.30);
    --dfa-promo-primary-glow-soft:rgba(11,124,131,.34);
    --dfa-promo-accent-glow-soft:rgba(177,151,119,.28);
    --dfa-promo-focus-ring:rgba(11,124,131,.34);
    --dfa-promo-badge-bg:rgba(11,124,131,.09);
    --dfa-promo-badge-text:#0b7c83;
    --dfa-promo-title:#0f172a;
    --dfa-promo-text:#334155;
    --dfa-promo-note:#64748b;
    --dfa-promo-btn-text:#ffffff;
    --dfa-promo-btn2-bg:#ffffff;
    --dfa-promo-btn2-text:#0f172a;
    --dfa-promo-btn2-border:rgba(0,0,0,.08);
    --dfa-promo-button-shadow:rgba(11,124,131,.25);
}