/* anewbd/css/theme-modes.css (আপডেটেড কোড) */

/* ১. লাইট মোড (ডিফল্ট) ভ্যারিয়েবল */
:root {
    --theme-bg-color: #E3E6E6;
    --theme-secondary-bg-color: #f8f9fa;
    --theme-text-color: #333333;
    --theme-heading-color: #101828;
    --theme-border-color: #e0e0e0;
    --theme-link-color: #27ae60;
    --theme-link-hover-color: #101828;
}

/* ২. ডার্ক মোড ভ্যারিয়েবল */
[data-theme="dark"] {
    --theme-bg-color: #121212;
    --theme-secondary-bg-color: #1e1e1e;
    --theme-text-color: #e0e0e0;
    --theme-heading-color: #ffffff;
    --theme-border-color: #333333;
    --theme-link-color: #2ecc71;
    --theme-link-hover-color: #ffffff;
}

/* ==========================================================
   গ্লোবাল স্টাইল প্রয়োগ
   ========================================================== */

/* পুরো পেজের ব্যাকগ্রাউন্ড ও টেক্সটের রঙ */
body {
    background-color: var(--theme-bg-color);
    color: var(--theme-text-color);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* সকল হেডিং (h1, h2, h3, etc.) */
h1, h2, h3, h4, h5, h6 {
    color: var(--theme-heading-color);
}

/* সকল লিঙ্ক */
a {
    color: var(--theme-link-color);
}
a:hover {
    color: var(--theme-link-hover-color);
}

/* হেডার এবং ফুটারের মতো প্রধান অংশগুলো */
.site-header, .ast-main-header-wrap, footer {
    background-color: var(--theme-secondary-bg-color) !important;
    border-color: var(--theme-border-color) !important;
}

/* বিভিন্ন বক্স, কন্টেইনার এবং পপ-আপ */
.ast-container, .modal-content, .checkout-popup-content, 
.order-success-popup-content, .pc-builder-quotation-sidebar,
.related-products-section-checkout, .category-single-line-view {
    background-color: var(--theme-bg-color);
    border-color: var(--theme-border-color);
}

/* ইনপুট ফিল্ড, টেক্সটএরিয়া এবং সিলেক্ট বক্স */
input[type="text"], input[type="tel"], textarea, select {
    background-color: var(--theme-bg-color);
    color: var(--theme-text-color);
    border: 1px solid var(--theme-border-color);
}