/* ===== Affan custom theme overrides ===== */

/* پالت اصلی: سبز به‌جای آبی + سورمه‌ای و نارنجی مکمل */
:root {
    /* سبز اصلی (جایگزین آبی) */
    --primary-50:  #f2faf2;
    --primary-100: #e6f5e6;
    --primary-200: #cdeacc;
    --primary-300: #a3dba6;
    --primary-400: #58c05c;
    --primary-500: #008000;   /* سبز خالص */
    --primary-500-a: #008000DD; /* همان سبز با شفافیت ~87% */
    --primary-600: #007300;
    --primary-700: #005c00;
    --primary-800: #004700;
    --primary-900: #003200;
    --primary-950: #001b00;

    /* سورمه‌ای مکمل (برای حالت تیره/هدینگ‌ها/Backgroundهای عمیق) */
    --navy-500: #01297e;
    --navy-700: #011d5a;
    --navy-900: #0C153B;  /* نزدیک به dark-primary قبلی */

    /* نارنجی مکمل (برای اکنت/هشدارها/هایلایت‌ها) */
    --orange-500: #ff8c00;
    --orange-700: #cc6f00;

    /* بقیه رنگ‌ها (در صورت نیاز می‌تونی نگه داری/اصلاح کنی) */
    --secondary-500: #8696a7;
    --secondary-700: #546474;
    --success-500:  #2ecc4a;
    --success-700:  #25a23c;
    --danger-500:   #ea4c62;
    --danger-700:   #cd1830;
    --warning-500:  var(--orange-500); /* نارنجی */
    --warning-700:  var(--orange-700);
    --info-500:     #1583a8; /* می‌تونی به سورمه‌ای تغییر بدی اگر خواستی */
    --info-700:     #106885;

    --white:  #ffffff;
    --text:   #7773a6;
    --border: #dff2e4;    /* بوردر با ته‌رنگ سبز به‌جای آبی (#d8eaff) */
    --dark:   #061238;
    --dark-primary: var(--navy-900);
    --dark-secondary: #242644;

    /* مپ به Bootstrap (خیلی مهم برای دکمه‌ها و bg/text-primary و…) */
    --bs-primary: var(--primary-600);
    --bs-primary-rgb: 0,128,0;
    --bs-warning: var(--orange-500);
    --bs-warning-rgb: 255,140,0;
    --bs-info: var(--info-500);
    --bs-info-rgb: 21,131,168;
    --bs-success: var(--success-500);
    --bs-success-rgb: 46,204,74;
    --bs-danger: var(--danger-500);
    --bs-danger-rgb: 234,76,98;
}

/* دکمه‌ها و لینک‌هایِ primary روی سبز جدید */
.btn-primary {
    background-color: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
}
.text-primary { color: var(--primary-600) !important; }
.bg-primary   { background-color: var(--primary-600) !important; }
.border-primary { border-color: var(--primary-600) !important; }

/* دکمه هشدار (نارنجی) */
.btn-warning {
    background-color: var(--orange-500) !important;
    border-color: var(--orange-500) !important;
}
.btn-warning:hover,
.btn-warning:focus {
    background-color: var(--orange-700) !important;
    border-color: var(--orange-700) !important;
}

/* رنگ‌های کمکی برای نوار پایین/هدرهای تیره */
.bg-navy { background-color: var(--navy-700) !important; color: #fff; }
.text-navy { color: var(--navy-700) !important; }

/* اگر جایی شفافیت لازم داشتی: */
.bg-primary-soft { background-color: rgb(0 128 0 / 0.08) !important; }
.bg-primary-alpha { background-color: #008000DD !important; } /* همان کدی که گفتی */

/* حالت تیره (اگر قالب با data-theme="dark" سوییچ می‌کند) */
[data-theme="dark"] {
    --border: #1e233a;
    --text:   #b7b7d2;

    /* سبز را کمی تیره‌تر نشان بده برای کنتراست بهتر روی پس‌زمینه تیره */
    --primary-600: #33a033;
    --primary-700: #2b8a2b;

    /* پس‌زمینه‌ها متمایل به سورمه‌ای */
    --dark: #0B1334;
    --dark-primary: var(--navy-900);
}