/**
 * KULİS UI Foundation
 * v1.0.0
 *
 * Ortak ürün tasarım token'ları.
 * Bu dosya tek başına layout değiştirmez; modüller bu değişkenleri kullanır.
 */
:root{
    --kulis-ui-surface:#ffffff;
    --kulis-ui-surface-soft:#f7f9fc;
    --kulis-ui-surface-muted:#eef2f6;
    --kulis-ui-border:#dfe5ec;
    --kulis-ui-border-soft:#edf1f5;
    --kulis-ui-text:#172033;
    --kulis-ui-text-muted:#66758a;
    --kulis-ui-accent:#1769ff;
    --kulis-ui-danger:#d92d20;
    --kulis-ui-radius-sm:10px;
    --kulis-ui-radius-md:14px;
    --kulis-ui-radius-lg:18px;
    --kulis-ui-radius-xl:22px;
    --kulis-ui-shadow-card:0 8px 28px rgba(15,23,42,.055);
    --kulis-ui-shadow-modal:0 28px 90px rgba(15,23,42,.24);
    --kulis-ui-touch:42px;
    --kulis-ui-content:1100px;
    --kulis-ui-transition:140ms ease;
}

html:is(.kulis-theme-dark,.kulis-theme-system-dark){
    --kulis-ui-surface:#101720;
    --kulis-ui-surface-soft:#151e29;
    --kulis-ui-surface-muted:#202a36;
    --kulis-ui-border:#2b3744;
    --kulis-ui-border-soft:#25313d;
    --kulis-ui-text:#f1f5f9;
    --kulis-ui-text-muted:#9aa7b6;
    --kulis-ui-shadow-card:0 8px 28px rgba(0,0,0,.18);
    --kulis-ui-shadow-modal:0 28px 90px rgba(0,0,0,.48);
}