/**
 * Negarchi — Design Tokens (منبع واحد پالت، لودر، گرادینت)
 * برای تغییر تم: فقط مقادیر --C1 / --C3 (و در صورت نیاز بقیه --C*) را ویرایش کنید.
 */
:root {
    /* === پالت پایه === */
    --C0: #ffffff;
    --C1: #294a41;
    --C2: #e0fbf4;
    --C3: #08a379;
    --C4: #d4f8e8;
    --C5: #86ccb8;
    --C6: #052a14;
    --C7: #021f11;
    --C8: #e0ffef;
    --C9: #05382a;
    --C10: #07281fed;
    --selection-bg: var(--C1);
    --selection-text: var(--C2);
    --bs-body-bg: color-mix(in srgb, var(--C2) 65%, var(--C8));
    --bs-secondary-bg: color-mix(in srgb, var(--C5) 48%, var(--C4));

    /* === Bootstrap هم‌راستا با تم === */
    --bs-primary: var(--C1);
    --bs-secondary: var(--C3);
    --bs-primary-rgb: 41, 74, 65;
    --bs-secondary-rgb: 8, 163, 121;

    /* === گرادینت‌های برند === */
    --gradient-brand: linear-gradient(135deg, var(--C1) 0%, var(--C3) 100%);
    --gradient-brand-hover: linear-gradient(135deg, color-mix(in srgb, var(--C1) 70%, var(--C3)) 0%, color-mix(in srgb, var(--C3) 85%, #000) 100%);
    --gradient-cta: var(--gradient-brand);
    --gradient-cta-hover: var(--gradient-brand-hover);
    --gradient-promo: linear-gradient(242deg, color-mix(in srgb, var(--C1) 88%, #000) 0%, var(--C3) 28%, color-mix(in srgb, var(--C3) 75%, #fff) 62%, color-mix(in srgb, var(--C3) 55%, #fff) 100%);
    --gradient-promo-bg: var(--C3);
    --gradient-promo-shadow: color-mix(in srgb, var(--C1) 35%, transparent);
    --gradient-promo-dark-bg: color-mix(in srgb, var(--C7) 92%, #000);
    --gradient-promo-dark: linear-gradient(242deg, color-mix(in srgb, var(--C7) 95%, #000) 0%, color-mix(in srgb, var(--C1) 55%, var(--C7)) 35%, color-mix(in srgb, var(--C7) 98%, #000) 70%, color-mix(in srgb, var(--C1) 40%, var(--C7)) 100%);
    --gradient-toggle-thumb-dark: linear-gradient(135deg, color-mix(in srgb, var(--C3) 65%, #fff) 0%, var(--C1) 100%);
    --cta-shadow: color-mix(in srgb, var(--C3) 30%, transparent);
    --cta-shadow-hover: color-mix(in srgb, var(--C3) 40%, transparent);
    --gradient-image-overlay: linear-gradient(to top, color-mix(in srgb, var(--C7) 92%, #000) 0%, color-mix(in srgb, var(--C1) 38%, transparent) 58%, transparent 100%);

    /* === Bootstrap semantic → تم === */
    --bs-success: var(--C3);
    --bs-success-rgb: var(--bs-secondary-rgb);
    --financial-in: #16a34a;
    --financial-out: #dc3545;
    --input-focus-ring: 0 0 0 0.25rem color-mix(in srgb, var(--C3) 28%, transparent);

    /* === اسپینر — مدل و سرعت یکسان === */
    --spinner-duration: 0.75s;
    --spinner-size-xs: 0.875rem;
    --spinner-size-sm: 1.125rem;
    --spinner-size-md: 1.375rem;
    --spinner-size-lg: 2.25rem;
    --spinner-size-xl: 3rem;
    --spinner-size-btn: 1.375rem;
    --spinner-border-xs: 2px;
    --spinner-border-sm: 2px;
    --spinner-border-md: 2px;
    --spinner-border-lg: 3px;
    --spinner-border-xl: 3px;
    --spinner-border-btn: 2px;
    --loader-accent: var(--C1);
    --loader-accent-dark: var(--C3);
    --loader-track: rgba(0, 0, 0, 0.08);
    --loader-track-dark: rgba(255, 255, 255, 0.1);
    --loader-overlay: color-mix(in srgb, var(--C2) 78%, transparent);
    --loader-overlay-dark: color-mix(in srgb, var(--C7) 82%, transparent);

    /* === لودر دکمه === */
    --btn-loader-track-filled: rgba(255, 255, 255, 0.5);
    --btn-loader-accent-filled: #fff;
    --btn-loader-track-outline: color-mix(in srgb, var(--C6) 12%, transparent);
    --btn-loader-accent-outline: var(--C1);
    --btn-loader-track-outline-dark: rgba(255, 255, 255, 0.15);
    --btn-loader-accent-outline-dark: var(--C3);

    /* === اسکلتون === */
    --skeleton-base: color-mix(in srgb, var(--C5) 12%, var(--C0));
    --skeleton-shine: color-mix(in srgb, var(--C5) 22%, var(--C0));
    --skeleton-base-dark: color-mix(in srgb, var(--C7) 55%, #1f2937);
    --skeleton-shine-dark: color-mix(in srgb, var(--C7) 40%, #374151);
}

:root[data-bs-theme="dark"] {
    --C0: #182e28;
    --C1: #032822;
    --C2: #10261e;
    --C3: #047b54;
    --C4: #1f3a2d;
    --C5: #81ad9f;
    --C6: #e5e7eb;
    --C7: #0e261c;
    --C8: #0b1411;
    --C9: #043522;
    --C10: #032823f0;
    --selection-bg: #3d8553;
    --selection-text: #ffffff;
    color-scheme: dark;
    --bs-body-bg: var(--C8);
    --bs-secondary-bg: color-mix(in srgb, var(--C4) 50%, var(--C7));
    --bs-primary-rgb: 3, 40, 34;
    --bs-secondary-rgb: 4, 123, 84;
    --gradient-promo-title-dark: color-mix(in srgb, var(--C2) 20%, var(--C3));
    --financial-in: #22c55e;
    --financial-out: #f87171;
    --input-focus-ring: 0 0 0 0.2rem color-mix(in srgb, var(--C3) 34%, transparent);
}