/* ======================================================================
   تم‌های آرتا تاک

   دو لایه: اینجا فقط توکن‌های معنایی، و app.css هیچ رنگی تعریف نمی‌کند.

   ---------- آبی و لاجوردی ----------
   دو نام برای دو نقش، نه دو تم: <b>لاجوردی</b> رنگِ سطح‌هاست — بوم و کارت و
   منو — و <b>آبی</b> رنگِ شاخص که روی آن می‌نشیند. زمینه عمداً پررنگ است و
   سفید یا خاکستری نیست؛ ولی سیاه هم نیست، لاجوردِ سیر است با مایهٔ آبی که
   در هر سطح دیده می‌شود.

   ---------- رنگ‌های شاد ----------
   هشت رنگ که هر کاربر و هر گروه یکی را می‌گیرد. این تزئین نیست: رنگِ ثابت
   برای هر نفر یعنی در فهرست اعضا و گفت‌وگو، هم را در یک نگاه تشخیص می‌دهی،
   همان کاری که تلگرام با رنگ مخاطب‌ها می‌کند. انتساب از شناسه مشتق می‌شود
   پس همیشه یکسان است، نه تصادفیِ هر بار.

   ---------- قاعدهٔ کنتراست ----------
   هر نسبتِ نوشته‌شده در این فایل حساب شده است، نه حدس: با فرمول WCAG 2 روی
   همان دو رنگِ کنارِ هم. متن بدنه بالای ۴.۵:۱ و متن کم‌رنگ بالای ۴.۵:۱ روی
   بومِ خودش می‌ماند.

   جهت ارتفاع در تم روشن برعکس تم تاریک است: سطحِ بالاتر روشن‌تر نیست،
   سفیدتر است. پس در تم روشن bg-2 سفید خالص می‌شود و بوم آبیِ کم‌رنگ.
   ====================================================================== */

/* ================= لاجوردی (پیش‌فرض) =================
   نردبان سطح‌ها یک خانوادهٔ لاجوردی است و با هر پله آبی‌تر و روشن‌تر
   می‌شود — پس «برآمدگی» با رنگ خوانده می‌شود نه با سایه. */
:root,
[data-theme="lapis"] {
    --bg-0: #0E1A3A;   /* نوار منو — سیرترین */
    --bg-1: #132449;   /* بوم */
    --bg-2: #1B3160;   /* کارت و سرصفحه */
    --bg-3: #24407A;   /* ورودی، هاور، آیتم فعال */

    --line: #2B4780;
    --line-strong: #4568AE;

    --text: #EAF0FF;    /* ۱۳.۴:۱ روی bg-1 */
    --muted: #A8B8DC;   /*  ۷.۷:۱ */
    --faint: #8FA2CC;   /*  ۶.۰:۱ */

    --accent: #5AA2FF;       /* آبیِ روشن — ۵.۹:۱ روی bg-1 */
    --accent-hover: #7FB8FF;
    --accent-ink: #08142E;   /* شاخص روشن است پس جوهرش سیر — ۷.۲:۱ */
    --accent-soft: rgba(90, 162, 255, .16);

    --ok: #3FD87A;
    --warn: #F5B840;
    --danger: #FF6B7E;

    --glow: rgba(90, 162, 255, .20);
}

/* ================= آبیِ روشن =================
   همان خانواده، ولی روشن. بوم آبیِ کم‌رنگِ <b>دیدنی</b> است نه سفیدِ
   مایل‌به‌آبی: نسخهٔ قبلی #F6F7FB بود که در عمل سفید خوانده می‌شد. */
[data-theme="day"] {
    --bg-0: #C7D4EE;
    --bg-1: #DDE6F7;
    --bg-2: #FFFFFF;   /* کارت سفید می‌ماند تا برآمدگی خوانده شود */
    --bg-3: #D2DDF2;

    --line: #B6C6E4;
    --line-strong: #8296BE;

    --text: #15203A;    /* ۱۲.۹:۱ روی bg-1 */
    --muted: #41527A;   /*  ۶.۷:۱ */
    --faint: #4C5C84;   /*  ۵.۶:۱ */

    --accent: #1D4FD8;       /* لاجوردیِ سیر — ۵.۳:۱ روی bg-1 */
    --accent-hover: #1740B4;
    --accent-ink: #FFFFFF;   /* ۶.۶:۱ روی شاخص */
    --accent-soft: rgba(29, 79, 216, .12);

    /* این سه از نسخهٔ قبل تیره‌تر شده‌اند و دلیلش محاسبه است نه سلیقه:
       با پررنگ‌شدنِ بوم (از #F6F7FB به #DDE6F7)، سبزِ #0F7A45 به ۴.۳:۱ و
       کهربایِ #965B00 به ۴.۴:۱ افتادند — هر دو زیر آستانهٔ ۴.۵:۱. */
    --ok: #0A6236;      /* ۶.۰:۱ */
    --warn: #7F4D00;    /* ۵.۷:۱ */
    --danger: #BC2131;  /* ۴.۹:۱ */

    --glow: rgba(29, 79, 216, .12);
}

/* ================= تم آفتابی (روشن و گرم) ================= */
[data-theme="sun"] {
    --bg-0: #EFE1CE;
    --bg-1: #FAF1E4;
    --bg-2: #FFFFFF;
    --bg-3: #F3E7D7;

    --line: #E0D0B9;
    --line-strong: #B49F84;

    --text: #241C14;
    --muted: #5F4F3E;
    --faint: #6E5D4A;

    --accent: #B33B0A;
    --accent-hover: #8E2E07;
    --accent-ink: #FFFFFF;
    --accent-soft: rgba(179, 59, 10, .12);

    --ok: #0F7A45;
    --warn: #8A5200;
    --danger: #B01C1C;

    --glow: rgba(179, 59, 10, .12);
}

/* ================= تم شب (تاریکِ خنثا) ================= */
[data-theme="night"] {
    --bg-0: #0C0D12;
    --bg-1: #11131A;
    --bg-2: #171A23;
    --bg-3: #20242F;

    --line: #262B38;
    --line-strong: #3C4354;

    --text: #E4E7EF;
    --muted: #9AA2B8;
    --faint: #7D849A;

    --accent: #9B8CFF;
    --accent-hover: #B3A6FF;
    --accent-ink: #0A0C16;   /* در تم تاریک شاخص روشن است پس جوهرش تیره */
    --accent-soft: rgba(155, 140, 255, .18);

    --ok: #3FD87A;
    --warn: #F5B840;
    --danger: #FF5A6E;

    --glow: rgba(155, 140, 255, .22);
}

/* ================= تم لایم (تاریک و پرانرژی) ================= */
[data-theme="lime"] {
    --bg-0: #0C0D12;
    --bg-1: #11131A;
    --bg-2: #171A23;
    --bg-3: #20242F;

    --line: #262B38;
    --line-strong: #3C4354;

    --text: #E4E7EF;
    --muted: #9AA2B8;
    --faint: #7D849A;

    --accent: #B6F24A;
    --accent-hover: #C9F96F;
    --accent-ink: #141A05;
    --accent-soft: rgba(182, 242, 74, .13);

    --ok: #3FD87A;
    --warn: #F5B840;
    --danger: #FF5A6E;

    --glow: rgba(182, 242, 74, .16);
}

/* ================= هشت رنگ شاد، نسخهٔ روشن =================
   زمینهٔ کم‌رنگ و جوهر تیره از همان خانواده. جوهرها همه بالای ۴.۵:۱ روی
   زمینهٔ خودشان‌اند، پس حرف اول نام روی آواتار خوانا می‌ماند. */
[data-theme="day"],
[data-theme="sun"] {
    --h1-bg: #FFD4D7; --h1-fg: #A81E2F;   /* سرخ */
    --h2-bg: #FFDCC0; --h2-fg: #8E4204;   /* نارنجی */
    --h3-bg: #F8E7B2; --h3-fg: #705100;   /* کهربایی */
    --h4-bg: #C8F0D4; --h4-fg: #0E6637;   /* سبز */
    --h5-bg: #BCEBED; --h5-fg: #095F66;   /* فیروزه‌ای */
    --h6-bg: #CCDCFF; --h6-fg: #1F3D93;   /* آبی */
    --h7-bg: #DCCFFF; --h7-fg: #4A2AAC;   /* بنفش */
    --h8-bg: #FFD0E6; --h8-fg: #98205E;   /* صورتی */
}

/* ================= هشت رنگ شاد، نسخهٔ لاجوردی =================
   هر هشت زمینه مایهٔ آبی دارند، وگرنه روی بومِ لاجوردی گل‌آلود می‌شدند:
   یک قهوه‌ایِ خنثا کنار لاجورد، کهنه به نظر می‌رسد نه گرم. جوهرها روشن و
   همه بالای ۶:۱ روی زمینهٔ خودشان. */
:root,
[data-theme="lapis"] {
    --h1-bg: #4A2740; --h1-fg: #FF9FAE;
    --h2-bg: #4A3330; --h2-fg: #FFB87E;
    --h3-bg: #453B28; --h3-fg: #F5D277;
    --h4-bg: #224740; --h4-fg: #7FEAB4;
    --h5-bg: #1C4050; --h5-fg: #6FE0EC;
    --h6-bg: #26386E; --h6-fg: #A6C2FF;
    --h7-bg: #332C68; --h7-fg: #C2AEFF;
    --h8-bg: #4A2856; --h8-fg: #FFA6D6;
}

/* ================= هشت رنگ شاد، نسخهٔ تاریکِ خنثا =================
   در تم تاریک جهت برعکس می‌شود: زمینه تیره و کم‌اشباع، جوهر روشن. رنگ
   اشباعِ کامل روی تاریکی «لرزش نوری» می‌سازد. */
[data-theme="night"],
[data-theme="lime"] {
    --h1-bg: #3A1D22; --h1-fg: #FF9BA3;
    --h2-bg: #3A2518; --h2-fg: #FFB375;
    --h3-bg: #342B14; --h3-fg: #F3CE6A;
    --h4-bg: #16301F; --h4-fg: #7DE8A6;
    --h5-bg: #102E31; --h5-fg: #6FDDE4;
    --h6-bg: #1A2444; --h6-fg: #9DB6FF;
    --h7-bg: #241B3F; --h7-fg: #BCA6FF;
    --h8-bg: #381A2C; --h8-fg: #FF9ECB;
}