/* ==========================================================
   متغیرهای CSS مشترک — رنگ برند، ابعاد هدر، رنگ‌های ویجت نظرات
   هر فایل دیگر در این پوشه از همین متغیرها استفاده می‌کند.
   ========================================================== */

:root {
    /* مقیاس شعاع گوشه - فعلاً ۶ مقدار پراکنده (۸/۱۰/۱۲/۱۶/۳۰/۴۰px) رو
       فایل‌های مختلف داشتیم؛ این سه تا، پایه‌ی مشترک برای مؤلفه‌های
       بعدی‌ان (مؤلفه‌های موجود فعلاً دست‌نخورده مونده تا با یک ریفکتور
       جدا و آگاهانه بهشون منتقل بشیم، نه یهو همه‌جا) */
    --r-sm: 8px;
    --r-md: 16px;
    --r-pill: 999px;

    /* رنگ اصلی قرمز برای قیمت‌ها، لینک‌ها و آیتم‌های اصلی */
    --wd-primary-color: #c4161c;
    --wd-primary-color-hover: #a01116; /* سایه‌ی تیره‌تر برای حالت هاور */

    /* رنگ عنوان محصولات */
    --wd-entities-title-color: #c4161c;
    --wd-entities-title-color-hover: #a01116;

    /* رنگ پس‌زمینه دکمه‌های اصلی (افزودن به سبد خرید و خرید سریع) */
    --btn-accented-bgcolor: #c4161c;
    --btn-accented-bgcolor-hover: #a01116;

    /* رنگ پس‌زمینه علامت راهنما (Hint) */
    --wd-hint-bg: #c4161c;

    /* رنگ‌ها و شعاع‌های برند تملند (Tamland) — استفاده در چک‌اوت/تک‌محصول */
    --tl-primary: #C4161C;
    --tl-primary-dark: #9C1015;
    --tl-accent: #EE5A2A;
    --tl-danger: #E51E1E;
    --tl-success: #22C55E;
    --tl-surface: #FFFFFF;
    --tl-surface-muted: #FAF9F9;
    --tl-border: #E8E2E2;
    --tl-text: #2B2626;
    --tl-text-muted: #766F6F;
    --tl-radius-sm: 6px;
    --tl-radius-md: 8px;
    --tl-radius-lg: 12px;
    --tl-radius-pill: 999px;

    /* ابعاد هدر (تاپ‌بار / هدر اصلی / هدر پایین) */
    --wd-top-bar-h: .00001px;
    --wd-top-bar-sm-h: 38px;
    --wd-top-bar-sticky-h: .00001px;
    --wd-top-bar-brd-w: .00001px;
    --wd-header-general-h: 114px;
    --wd-header-general-sm-h: 60px;
    --wd-header-general-sticky-h: .00001px;
    --wd-header-general-brd-w: 1px;
    --wd-header-bottom-h: 52px;
    --wd-header-bottom-sm-h: .00001px;
    --wd-header-bottom-sticky-h: .00001px;
    --wd-header-bottom-brd-w: 1px;
    --wd-header-clone-h: 60px;
    --wd-header-brd-w: calc(var(--wd-top-bar-brd-w) + var(--wd-header-general-brd-w) + var(--wd-header-bottom-brd-w));
    --wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + var(--wd-header-bottom-h) + var(--wd-header-brd-w));
    --wd-header-sticky-h: calc(var(--wd-top-bar-sticky-h) + var(--wd-header-general-sticky-h) + var(--wd-header-bottom-sticky-h) + var(--wd-header-clone-h) + var(--wd-header-brd-w));
    --wd-header-sm-h: calc(var(--wd-top-bar-sm-h) + var(--wd-header-general-sm-h) + var(--wd-header-bottom-sm-h) + var(--wd-header-brd-w));

    /* رنگ‌های سبک دیجی‌کالا برای ویجت نظرات */
    --dk-orange: #EF4056;
    --dk-orange-hover: #d62c42;
    --dk-star: #f9b60a;
    --dk-card: #ffffff;
    --dk-border: #e0e0e2;
    --dk-text: #232323;
    --dk-light-text: #81858b;
    --dk-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    --dk-radius: 12px;
}