:root{
 /* پالت رسمی برند (طبق تصمیم صریح کاربر، ۲۰۲۶-۰۸-۰۸) — دو پالت مرجع:
    https://coolors.co/palette/1f027b-311a87-caad88-f04e64-d3439e (برند اصلی)
    https://coolors.co/palette/395aa7-204dbb-273075-151d74-262a64 (طیف آبی مجاز)
    هر ۱۰ رنگ اینجا به‌عنوان Token مستقل تعریف می‌شوند (حتی آن‌هایی که هنوز نقش UI فعال ندارند،
    مثل Tan) تا فهرست کامل رنگ‌های مجاز پروژه یک‌جا و قابل‌ارجاع بماند؛ Primary/Primary-2/Accent
    از همین Tokenها Alias می‌گیرند، نه مقدار مستقل جدا. */
 --insight-brand-navy:#1f027b;
 --insight-brand-indigo:#311a87;
 --insight-brand-tan:#caad88;
 --insight-brand-fuchsia:#f04e64;
 --insight-brand-plum:#d3439e;
 --insight-blue-sapphire:#395aa7;
 --insight-blue-ocean:#204dbb;
 --insight-blue-twilight-1:#273075;
 --insight-blue-midnight:#151d74;
 --insight-blue-twilight-2:#262a64;

 --insight-primary:var(--insight-brand-navy);
 --insight-primary-2:var(--insight-blue-sapphire);
 --insight-accent:var(--insight-brand-plum);
 --insight-accent-2:var(--insight-brand-fuchsia);
 --insight-link:var(--insight-blue-ocean);
 --insight-text:#151d43;
 --insight-text-rgb:21,29,67;
 --insight-muted:#68708c;
 --insight-surface:#fff;
 --insight-surface-alt:#f7f8fc;
 --insight-border:#d9deea;
 --insight-success:#14804a;
 --insight-warning:#a05a00;
 --insight-danger:#9b2c2c;
 /* Overlay/Scrim تیره مشترک (Modal Backdrop، Mobile Menu Backdrop، Lightbox) — همیشه از
    --insight-text-rgb مشتق می‌شود، نه یک rgba() جدا در هر فایل؛ همان رنگ، فقط شفافیت متفاوت
    به‌ازای هر مصرف‌کننده لازم است (طبق بازخورد کاربر ۲۰۲۶-۰۸-۰۸: هیچ رنگ off-palette جدید). */
 --insight-overlay:rgba(var(--insight-text-rgb), .55);
 /* پس‌زمینه تیره (Gallery placeholder/Lightbox) — همان Navy برند، نزدیک به سیاه برای Contrast
    کافی با متن/کنترل‌های سفید روی آن، بدون رنگ جدید بیرون از پالت رسمی. */
 --insight-ink:#0c0a2e;
 /* رنگ‌های رسمی Tier (A+ تا بدون‌داده) — طبق بازخورد کاربر ۲۰۲۶-۰۸-۰۸: کارت رتبه‌بندی (Tier Card)
    باید از پالت استاندارد/Design Token استفاده کند، نه رنگ موردی. هر Tone از رنگ‌های معنایی
    موجود (success/warning/danger) یا خنثی مشتق می‌شود؛ پس‌زمینه با color-mix روشن نگه داشته
    می‌شود، متن با همان رنگ پایه (کنتراست کافی روی پس‌زمینه روشن). */
 --insight-tier-a-plus-bg:color-mix(in srgb, var(--insight-success) 18%, #fff);
 --insight-tier-a-plus-text:color-mix(in srgb, var(--insight-success) 78%, #000);
 --insight-tier-a-bg:color-mix(in srgb, var(--insight-blue-ocean) 16%, #fff);
 --insight-tier-a-text:color-mix(in srgb, var(--insight-blue-ocean) 78%, #000);
 --insight-tier-b-plus-bg:color-mix(in srgb, var(--insight-warning) 20%, #fff);
 --insight-tier-b-plus-text:color-mix(in srgb, var(--insight-warning) 78%, #000);
 --insight-tier-c-bg:color-mix(in srgb, var(--insight-danger) 16%, #fff);
 --insight-tier-c-text:color-mix(in srgb, var(--insight-danger) 78%, #000);
 --insight-tier-na-bg:var(--insight-surface-alt);
 --insight-tier-na-text:var(--insight-muted);
 --insight-radius-sm:8px;
 --insight-radius-md:12px;
 --insight-radius-lg:16px;
 --insight-shadow:0 8px 28px rgba(31,2,123,.10);
 --insight-space-1:4px;
 --insight-space-2:8px;
 --insight-space-3:12px;
 --insight-space-4:16px;
 --insight-space-5:24px;
 --insight-table-cell-x:4px;
 --insight-table-cell-y:5px;
 --insight-content-max:1540px;
 --font-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;
 /* Z-index (design-system.md بخش ۳، دسته الزامی) — همان مقیاس عددی Bootstrap Vendor‌شده
    (assets/css/vendor/bootstrap/src/_variables.scss) تا با Componentهای مبتنی بر Bootstrap
    (Dropdown/Modal/Toast/Popover) تناقض Stacking پیش نیاید. */
 --insight-z-base:1;
 --insight-z-dropdown:1000;
 --insight-z-sticky:1020;
 --insight-z-modal:1055;
 --insight-z-toast:1090;
 --insight-z-tooltip:1080;
}