/* ════════════════════════════════════════════════════════════════
   ستایلەکان — شەش ستایل، هەریەکەیان ڕووناک و تاریک
   Themes: 6 themes × light/dark. These tokens are the ONLY colours
   style.css / charts.css / motion.css may use.

   theme.js لەسەر <html> دایدەنێت:
     data-theme  emerald | neon | ocean | royal | tulip | graphite
     data-mode   light | dark   (هەمیشە ڕوونکراوە — «خۆکار» بەپێی ئامێرەکە)
     data-text   sm | md | lg     data-motion  on | off     data-bg  on | off
   پێشبینینی زیندوو: <div class="theme-scope" data-theme="ocean" data-mode="dark">
   هەمان ڕەنگەکان وەردەگرێت (بۆ کارتەکانی پەڕەی ستایل).
   ════════════════════════════════════════════════════════════════ */

/* ───── قەبارەی نووسین (هەموو شتێک بە rem) ───── */
:root { font-size: 16px; }
:root[data-text="sm"] { font-size: 15px; }
:root[data-text="md"] { font-size: 16px; }
:root[data-text="lg"] { font-size: 18px; }

/* ───── گشتی ───── */
:root {
  accent-color: var(--primary);
  scrollbar-color: var(--border-strong) transparent;
}
.theme-scope { color: var(--text); background: var(--bg); }

/* ───── ڕەنگی بەش: --c بۆ پڕکردنەوە، --c-ink بۆ نووسین و ئایکۆن ───── */
[style*="--c"] { --c-ink: var(--c); }
:root[data-mode="dark"] [style*="--c"] { --c-ink: color-mix(in srgb, var(--c) 50%, #fff); }
.theme-scope[data-mode="light"] [style*="--c"] { --c-ink: var(--c); }
.theme-scope[data-mode="dark"] [style*="--c"] { --c-ink: color-mix(in srgb, var(--c) 50%, #fff); }

/* ═════════════ 1. زمرد — Emerald (بنەڕەت: سەوزی یەکێتی + زێڕ) ═════════════ */

:root,
:root[data-theme="emerald"][data-mode="light"],
.theme-scope[data-theme="emerald"][data-mode="light"] {
  color-scheme: light;
  /* ڕووکار و نووسین */
  --bg: #f2f6f1; --bg-2: #e5ede4;
  --surface: #ffffff; --surface-2: #f5f8f3; --surface-3: #e9f0e7;
  --glass: rgb(255 255 255 / 0.74); --glass-border: rgb(14 90 50 / 0.11);
  --text: #0f1d15; --text-2: #2f4237; --muted: #596c60;
  --border: #dae4d9; --border-strong: #bfcfc2;
  --overlay: rgb(4 20 11 / 0.5);
  /* براند */
  --primary: #0e7a3f; --primary-hover: #0a6533; --primary-ink: #ffffff; --primary-soft: #e0f1e5;
  --accent: #c8952c; --accent-ink: #1f1503; --accent-soft: #f8edd4;
  --danger: #c0392b; --danger-soft: #fbe8e5;
  --admin: #33445b; --admin-ink: #ffffff;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(120% 95% at 100% -5%, rgb(255 255 255 / .11), transparent 55%),
    radial-gradient(85% 120% at -5% 115%, rgb(232 186 92 / .34), transparent 60%),
    radial-gradient(55% 75% at 88% 125%, rgb(214 40 57 / .18), transparent 62%),
    linear-gradient(135deg, #0f7a3f 0%, #0b6a37 45%, #04331b 100%);
  --hero-ink: #ffffff; --hero-muted: rgb(255 255 255 / 0.9); --hero-accent: #f7e3a8;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #e1f3e7; --t-green-fg: #0f7234; --t-blue-bg: #e5ecfd; --t-blue-fg: #2157cf;
  --t-amber-bg: #f9e9d7; --t-amber-fg: #8f4f04; --t-red-bg: #fbe5e5; --t-red-fg: #b92020;
  --t-gray-bg: #ebedec; --t-gray-fg: #54665a; --t-gold-bg: #f4ebcf; --t-gold-fg: #795c08;
  --t-silver-bg: #ecedf0; --t-silver-fg: #58616d; --t-bronze-bg: #f4e8df; --t-bronze-fg: #8c5022;
  /* چارت */
  --chart-1: #0e7a3f; --chart-2: #b88928; --chart-3: #2563eb; --chart-4: #d6284a;
  --chart-5: #0d9488; --chart-6: #7c3aed; --chart-7: #ea580c; --chart-8: #64748b;
  --chart-grid: #e9ebea; --chart-label: #596c60;
  /* باکگراوندی جوڵاو */
  --fx-1: #22c55e; --fx-2: #0e7a3f; --fx-3: #e4b85a; --fx-4: #5eead4; --fx-opacity: 0.32;
  --bg-static:
    radial-gradient(1100px 640px at 100% -10%, rgb(34 197 94 / .11), transparent 62%),
    radial-gradient(900px 620px at -10% 110%, rgb(228 184 90 / .14), transparent 62%),
    linear-gradient(180deg, #f2f6f1 0%, #e5ede4 100%);
  /* شێوە و قووڵی */
  --radius: 18px; --radius-sm: 12px;
  --shadow-sm: 0 1px 2px rgb(15 40 25 / .06), 0 1px 1px rgb(15 40 25 / .03);
  --shadow: 0 1px 2px rgb(15 40 25 / .05), 0 12px 32px -12px rgb(14 60 34 / .22);
  --shadow-lg: 0 30px 70px -20px rgb(6 30 16 / .42);
  --glow: 0 0 0 1px rgb(200 149 44 / .30), 0 10px 30px -10px rgb(14 122 63 / .42);
  --focus: 0 0 0 3px rgb(14 122 63 / .30);
}

:root[data-theme="emerald"][data-mode="dark"],
.theme-scope[data-theme="emerald"][data-mode="dark"] {
  color-scheme: dark;
  /* ڕووکار و نووسین */
  --bg: #050c08; --bg-2: #09150f;
  --surface: #0d1712; --surface-2: #111f18; --surface-3: #182a20;
  --glass: rgb(10 20 14 / 0.74); --glass-border: rgb(255 255 255 / 0.075);
  --text: #e6efe8; --text-2: #bccdc2; --muted: #879b8e;
  --border: #1d2b23; --border-strong: #2c3f34;
  --overlay: rgb(0 0 0 / 0.62);
  /* براند */
  --primary: #3fcf86; --primary-hover: #5cdb9a; --primary-ink: #02170b; --primary-soft: #10301f;
  --accent: #e3b75c; --accent-ink: #1c1403; --accent-soft: #2d2410;
  --danger: #f27b6d; --danger-soft: #3a1a16;
  --admin: #a7b8d0; --admin-ink: #0b1422;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(110% 90% at 100% -10%, rgb(63 207 134 / .20), transparent 55%),
    radial-gradient(80% 120% at -5% 115%, rgb(227 183 92 / .22), transparent 60%),
    radial-gradient(50% 70% at 90% 130%, rgb(214 40 57 / .14), transparent 62%),
    linear-gradient(135deg, #0a5230 0%, #084226 40%, #042211 75%, #02130a 100%);
  --hero-ink: #f2f8f4; --hero-muted: rgb(230 245 236 / 0.82); --hero-accent: #f0cf7f;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #113a21; --t-green-fg: #22c55e; --t-blue-bg: #1c3144; --t-blue-fg: #6fa3f8;
  --t-amber-bg: #3b3211; --t-amber-fg: #f59e0b; --t-red-bg: #3a231f; --t-red-fg: #f37575;
  --t-gray-bg: #28342d; --t-gray-fg: #98a99e; --t-gold-bg: #393715; --t-gold-fg: #e8b923;
  --t-silver-bg: #2c3636; --t-silver-fg: #a9b4c4; --t-bronze-bg: #352d1e; --t-bronze-fg: #d7915b;
  /* چارت */
  --chart-1: #3fcf86; --chart-2: #e3b75c; --chart-3: #60a5fa; --chart-4: #fb7185;
  --chart-5: #2dd4bf; --chart-6: #a78bfa; --chart-7: #fb923c; --chart-8: #94a3b8;
  --chart-grid: #27312c; --chart-label: #879b8e;
  /* باکگراوندی جوڵاو */
  --fx-1: #22c55e; --fx-2: #0f5132; --fx-3: #d4a843; --fx-4: #2dd4bf; --fx-opacity: 0.46;
  --bg-static:
    radial-gradient(1100px 640px at 100% -10%, rgb(34 197 94 / .12), transparent 62%),
    radial-gradient(900px 620px at -10% 110%, rgb(212 168 67 / .08), transparent 62%),
    linear-gradient(180deg, #050c08 0%, #09150f 100%);
  /* شێوە و قووڵی */
  --radius: 18px; --radius-sm: 12px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .4);
  --shadow: 0 1px 2px rgb(0 0 0 / .35), 0 14px 34px -12px rgb(0 0 0 / .6);
  --shadow-lg: 0 34px 80px -20px rgb(0 0 0 / .75);
  --glow: 0 0 0 1px rgb(227 183 92 / .24), 0 0 30px -4px rgb(63 207 134 / .34);
  --focus: 0 0 0 3px rgb(63 207 134 / .40);
}

/* ═════════════ 2. نیۆن — Neon (ڕەشی قووڵ + سەوزی نیۆنی درەوشاوە، وەک کیتی جوڵە) ═════════════ */

:root[data-theme="neon"][data-mode="light"],
.theme-scope[data-theme="neon"][data-mode="light"] {
  color-scheme: light;
  /* ڕووکار و نووسین */
  --bg: #ebfaf2; --bg-2: #d6f4e5;
  --surface: #fbfffd; --surface-2: #effaf4; --surface-3: #ddf5e9;
  --glass: rgb(255 255 255 / 0.64); --glass-border: rgb(16 185 129 / 0.3);
  --text: #03261a; --text-2: #1b4a36; --muted: #467060;
  --border: #cbeedb; --border-strong: #a1e0c0;
  --overlay: rgb(1 37 24 / 0.42);
  /* براند */
  --primary: #007a5e; --primary-hover: #00654e; --primary-ink: #ffffff; --primary-soft: #d3f6ea;
  --accent: #14c2df; --accent-ink: #00212a; --accent-soft: #d4f5fb;
  --danger: #c8103a; --danger-soft: #ffe6eb;
  --admin: #5543d0; --admin-ink: #ffffff;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(85% 110% at 50% -25%, rgb(77 255 171 / .55), transparent 62%),
    radial-gradient(60% 90% at 102% 105%, rgb(57 225 255 / .30), transparent 60%),
    radial-gradient(50% 80% at -4% 100%, rgb(34 232 148 / .26), transparent 60%),
    linear-gradient(165deg, #f2fff8 0%, #d4fbe8 48%, #bdf6d9 100%);
  --hero-ink: #02281b; --hero-muted: #1d5640; --hero-accent: #007a5e;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #daf4ea; --t-green-fg: #006f47; --t-blue-bg: #def2f4; --t-blue-fg: #066b84;
  --t-amber-bg: #f6e9d5; --t-amber-fg: #8f4f04; --t-red-bg: #f7e5e3; --t-red-fg: #b92020;
  --t-gray-bg: #e5eeea; --t-gray-fg: #42695a; --t-gold-bg: #f1ebcd; --t-gold-fg: #795c08;
  --t-silver-bg: #e8edee; --t-silver-fg: #58616d; --t-bronze-bg: #f0e8de; --t-bronze-fg: #8c5022;
  /* چارت */
  --chart-1: #00a86b; --chart-2: #0a9eb8; --chart-3: #6d5ce8; --chart-4: #bc8700;
  --chart-5: #e8466b; --chart-6: #6d9f15; --chart-7: #d946a8; --chart-8: #5f7f71;
  --chart-grid: #e5ebe9; --chart-label: #467060;
  /* باکگراوندی جوڵاو */
  --fx-1: #4dffab; --fx-2: #22e894; --fx-3: #39e1ff; --fx-4: #a7f3d0; --fx-opacity: 0.5;
  --bg-static:
    radial-gradient(1000px 560px at 50% 0%, rgb(77 255 171 / .22), transparent 62%),
    radial-gradient(900px 700px at 95% 40%, rgb(57 225 255 / .12), transparent 62%),
    radial-gradient(800px 700px at 0% 85%, rgb(34 232 148 / .14), transparent 62%),
    linear-gradient(180deg, #ebfaf2 0%, #d6f4e5 100%);
  /* شێوە و قووڵی */
  --radius: 26px; --radius-sm: 14px;
  --shadow-sm: 0 1px 2px rgb(0 60 35 / .07);
  --shadow: 0 0 0 1px rgb(16 185 129 / .10), 0 14px 34px -14px rgb(0 110 70 / .28);
  --shadow-lg: 0 0 0 1px rgb(16 185 129 / .14), 0 30px 70px -20px rgb(0 70 45 / .38);
  --glow: 0 0 0 1px rgb(0 200 120 / .32), 0 8px 26px -6px rgb(34 232 148 / .55);
  --focus: 0 0 0 3px rgb(0 160 100 / .35), 0 0 16px rgb(77 255 171 / .5);
}

:root[data-theme="neon"][data-mode="dark"],
.theme-scope[data-theme="neon"][data-mode="dark"] {
  color-scheme: dark;
  /* ڕووکار و نووسین */
  --bg: #000403; --bg-2: #031a0f;
  --surface: #03110a; --surface-2: #05180f; --surface-3: #0a2417;
  --glass: rgb(2 17 10 / 0.68); --glass-border: rgb(77 255 171 / 0.22);
  --text: #eafff4; --text-2: #c6e8d6; --muted: #7fa992;
  --border: rgb(77 255 171 / 0.13); --border-strong: rgb(77 255 171 / 0.27);
  --overlay: rgb(0 5 2 / 0.72);
  /* براند */
  --primary: #4dffab; --primary-hover: #86ffc6; --primary-ink: #01140a; --primary-soft: #0a2b1c;
  --accent: #39e1ff; --accent-ink: #00131a; --accent-soft: #062631;
  --danger: #ff6f87; --danger-soft: #360f19;
  --admin: #b6a8ff; --admin-ink: #120a2e;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(90% 75% at 50% -10%, rgb(77 255 171 / .24), transparent 62%),
    radial-gradient(70% 90% at 92% 30%, rgb(12 110 64 / .34), transparent 62%),
    radial-gradient(70% 90% at 6% 85%, rgb(10 90 54 / .30), transparent 62%),
    linear-gradient(180deg, #000000 0%, #01100a 40%, #021a0e 75%, #052414 100%);
  --hero-ink: #eafff4; --hero-muted: #b3dcc6; --hero-accent: #4dffab;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #0f3f27; --t-green-fg: #3ef59c; --t-blue-bg: #0f3640; --t-blue-fg: #39b8ff;
  --t-amber-bg: #332d0a; --t-amber-fg: #f59e0b; --t-red-bg: #321e18; --t-red-fg: #f26a6a;
  --t-gray-bg: #1e3228; --t-gray-fg: #82ab94; --t-gold-bg: #31330f; --t-gold-fg: #e8b923;
  --t-silver-bg: #24322f; --t-silver-fg: #a9b4c4; --t-bronze-bg: #2d2917; --t-bronze-fg: #d58951;
  /* چارت */
  --chart-1: #4dffab; --chart-2: #39e1ff; --chart-3: #b6a8ff; --chart-4: #ffd166;
  --chart-5: #ff6f87; --chart-6: #c4f25c; --chart-7: #f78fd0; --chart-8: #9fb3a8;
  --chart-grid: #1f2e26; --chart-label: #7fa992;
  /* باکگراوندی جوڵاو */
  --fx-1: #4dffab; --fx-2: #22e894; --fx-3: #0c6e40; --fx-4: #39e1ff; --fx-opacity: 0.72;
  --bg-static:
    radial-gradient(1000px 560px at 50% 26%, rgb(77 255 171 / .11), transparent 62%),
    radial-gradient(900px 720px at 88% 34%, rgb(12 110 64 / .20), transparent 62%),
    radial-gradient(820px 720px at 6% 74%, rgb(10 90 54 / .15), transparent 62%),
    linear-gradient(180deg, #000000 0%, #000503 9%, #01100a 28%, #052414 58%, #031a0f 80%, #000000 100%);
  /* شێوە و قووڵی */
  --radius: 26px; --radius-sm: 14px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .55);
  --shadow: 0 0 0 1px rgb(77 255 171 / .08), 0 18px 40px -14px rgb(0 0 0 / .75);
  --shadow-lg: 0 0 0 1px rgb(77 255 171 / .16), 0 0 60px rgb(77 255 171 / .08), 0 32px 80px -20px rgb(0 0 0 / .85);
  --glow: 0 0 0 1px rgb(77 255 171 / .34), 0 0 26px rgb(77 255 171 / .20), 0 0 60px rgb(77 255 171 / .10);
  --focus: 0 0 0 2px #02110a, 0 0 0 4px rgb(77 255 171 / .78), 0 0 18px rgb(77 255 171 / .45);
}

/* ═════════════ 3. ئۆقیانووس — Ocean (شینی قووڵ + فیرۆزەیی، ئارام) ═════════════ */

:root[data-theme="ocean"][data-mode="light"],
.theme-scope[data-theme="ocean"][data-mode="light"] {
  color-scheme: light;
  /* ڕووکار و نووسین */
  --bg: #eff5f9; --bg-2: #dfeaf4;
  --surface: #ffffff; --surface-2: #f3f8fb; --surface-3: #e5eff7;
  --glass: rgb(255 255 255 / 0.72); --glass-border: rgb(11 79 138 / 0.12);
  --text: #0a1b2b; --text-2: #2a4157; --muted: #546d86;
  --border: #d7e4ee; --border-strong: #bccfe0;
  --overlay: rgb(3 20 42 / 0.5);
  /* براند */
  --primary: #0b63a5; --primary-hover: #08528a; --primary-ink: #ffffff; --primary-soft: #ddedf9;
  --accent: #16b4c8; --accent-ink: #032127; --accent-soft: #d6f3f6;
  --danger: #bf2f2f; --danger-soft: #fdeaea;
  --admin: #3c4c78; --admin-ink: #ffffff;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(110% 80% at 100% -10%, rgb(125 211 252 / .20), transparent 55%),
    radial-gradient(85% 100% at -5% 112%, rgb(45 212 191 / .26), transparent 60%),
    radial-gradient(140% 60% at 50% 128%, rgb(8 145 178 / .28), transparent 60%),
    linear-gradient(160deg, #0b6aa8 0%, #0a5b95 45%, #08497c 100%);
  --hero-ink: #ffffff; --hero-muted: rgb(236 247 255 / 0.93); --hero-accent: #b4f1f8;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #e1f3e7; --t-green-fg: #0f7234; --t-blue-bg: #e2ecf4; --t-blue-fg: #0b63a5;
  --t-amber-bg: #f9e9d7; --t-amber-fg: #8f4f04; --t-red-bg: #fbe5e5; --t-red-fg: #b92020;
  --t-gray-bg: #eaedf0; --t-gray-fg: #4d647b; --t-gold-bg: #f4ebcf; --t-gold-fg: #795c08;
  --t-silver-bg: #ecedf0; --t-silver-fg: #58616d; --t-bronze-bg: #f4e8df; --t-bronze-fg: #8c5022;
  /* چارت */
  --chart-1: #0b63a5; --chart-2: #14a2b4; --chart-3: #6366f1; --chart-4: #c58409;
  --chart-5: #0ea774; --chart-6: #e0457b; --chart-7: #ea6c15; --chart-8: #64748b;
  --chart-grid: #e9eaec; --chart-label: #546d86;
  /* باکگراوندی جوڵاو */
  --fx-1: #38bdf8; --fx-2: #0ea5e9; --fx-3: #1e40af; --fx-4: #67e8f9; --fx-opacity: 0.32;
  --bg-static:
    radial-gradient(1200px 600px at 100% -10%, rgb(56 189 248 / .14), transparent 62%),
    radial-gradient(1000px 600px at -10% 105%, rgb(103 232 249 / .14), transparent 62%),
    linear-gradient(180deg, #eff5f9 0%, #dfeaf4 100%);
  /* شێوە و قووڵی */
  --radius: 20px; --radius-sm: 12px;
  --shadow-sm: 0 1px 2px rgb(8 40 70 / .06);
  --shadow: 0 1px 2px rgb(8 40 70 / .05), 0 12px 32px -12px rgb(8 58 106 / .22);
  --shadow-lg: 0 30px 70px -20px rgb(4 24 48 / .42);
  --glow: 0 0 0 1px rgb(56 189 248 / .22), 0 10px 30px -12px rgb(14 165 233 / .55);
  --focus: 0 0 0 3px rgb(11 99 165 / .30);
}

:root[data-theme="ocean"][data-mode="dark"],
.theme-scope[data-theme="ocean"][data-mode="dark"] {
  color-scheme: dark;
  /* ڕووکار و نووسین */
  --bg: #030a13; --bg-2: #061424;
  --surface: #0a1522; --surface-2: #0d1b2b; --surface-3: #132536;
  --glass: rgb(8 18 30 / 0.74); --glass-border: rgb(125 211 252 / 0.11);
  --text: #e3edf7; --text-2: #b4c7da; --muted: #7f97ae;
  --border: #192939; --border-strong: #263d55;
  --overlay: rgb(0 5 12 / 0.66);
  /* براند */
  --primary: #4cb6f2; --primary-hover: #71c6f6; --primary-ink: #02121f; --primary-soft: #0d2b44;
  --accent: #2fe0d0; --accent-ink: #00201d; --accent-soft: #072d2b;
  --danger: #ff7b7b; --danger-soft: #3a1518;
  --admin: #a9b6fb; --admin-ink: #0b1030;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(110% 80% at 100% -10%, rgb(47 224 208 / .20), transparent 55%),
    radial-gradient(90% 100% at -5% 110%, rgb(14 165 233 / .22), transparent 60%),
    radial-gradient(140% 60% at 50% 125%, rgb(13 148 136 / .22), transparent 60%),
    linear-gradient(160deg, #0a4066 0%, #07304f 45%, #04192c 80%, #020d18 100%);
  --hero-ink: #eef6ff; --hero-muted: rgb(214 233 251 / 0.8); --hero-accent: #6fe6f0;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #0f382e; --t-green-fg: #22c55e; --t-blue-bg: #193850; --t-blue-fg: #4cb6f2;
  --t-amber-bg: #39301d; --t-amber-fg: #f59e0b; --t-red-bg: #38212c; --t-red-fg: #f37171;
  --t-gray-bg: #243241; --t-gray-fg: #93a8bb; --t-gold-bg: #363622; --t-gold-fg: #e8b923;
  --t-silver-bg: #2a3542; --t-silver-fg: #a9b4c4; --t-bronze-bg: #322c2b; --t-bronze-fg: #d7915b;
  /* چارت */
  --chart-1: #4cb6f2; --chart-2: #2fe0d0; --chart-3: #8b8cf8; --chart-4: #fbbf24;
  --chart-5: #34d399; --chart-6: #f472b6; --chart-7: #fb923c; --chart-8: #94a3b8;
  --chart-grid: #242f3c; --chart-label: #7f97ae;
  /* باکگراوندی جوڵاو */
  --fx-1: #0ea5e9; --fx-2: #1d4ed8; --fx-3: #22d3ee; --fx-4: #0f766e; --fx-opacity: 0.46;
  --bg-static:
    radial-gradient(1200px 600px at 100% -10%, rgb(14 165 233 / .14), transparent 62%),
    radial-gradient(1000px 600px at -10% 105%, rgb(34 211 238 / .08), transparent 62%),
    linear-gradient(180deg, #030a13 0%, #061424 100%);
  /* شێوە و قووڵی */
  --radius: 20px; --radius-sm: 12px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .4);
  --shadow: 0 1px 2px rgb(0 0 0 / .35), 0 14px 34px -12px rgb(0 0 0 / .62);
  --shadow-lg: 0 34px 80px -20px rgb(0 0 0 / .78);
  --glow: 0 0 0 1px rgb(76 182 242 / .22), 0 0 32px -6px rgb(47 224 208 / .32);
  --focus: 0 0 0 3px rgb(76 182 242 / .42);
}

/* ═════════════ 4. شاهانە — Royal (شینی تاریک + زێڕ، هێڵی زێڕین) ═════════════ */

:root[data-theme="royal"][data-mode="light"],
.theme-scope[data-theme="royal"][data-mode="light"] {
  color-scheme: light;
  /* ڕووکار و نووسین */
  --bg: #f6f3ec; --bg-2: #ebe4d5;
  --surface: #fffdf8; --surface-2: #f8f4ea; --surface-3: #f0e9da;
  --glass: rgb(255 253 248 / 0.8); --glass-border: rgb(176 141 62 / 0.42);
  --text: #121833; --text-2: #333a57; --muted: #626881;
  --border: #e6dcc6; --border-strong: #d2bf98;
  --overlay: rgb(10 15 36 / 0.55);
  /* براند */
  --primary: #1d2b5c; --primary-hover: #141f47; --primary-ink: #fbf3dc; --primary-soft: #e6e9f3;
  --accent: #b08d3e; --accent-ink: #1a1205; --accent-soft: #f3e9cf;
  --danger: #b42318; --danger-soft: #fbe8e5;
  --admin: #5b2a6e; --admin-ink: #ffffff;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(80% 120% at 102% -10%, rgb(227 196 122 / .32), transparent 55%),
    radial-gradient(60% 90% at -4% 110%, rgb(90 110 200 / .30), transparent 60%),
    repeating-linear-gradient(120deg, rgb(227 196 122 / .045) 0 1px, transparent 1px 24px),
    linear-gradient(150deg, #1f2d63 0%, #141d45 50%, #0a1030 100%);
  --hero-ink: #fbf6e9; --hero-muted: rgb(239 230 207 / 0.84); --hero-accent: #e6c97f;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #e1f1e1; --t-green-fg: #0f6f32; --t-blue-bg: #e6e8ee; --t-blue-fg: #2f4aa8;
  --t-amber-bg: #f9e8d1; --t-amber-fg: #8f4f04; --t-red-bg: #fbe3df; --t-red-fg: #b92020;
  --t-gray-bg: #ecebea; --t-gray-fg: #5a6077; --t-gold-bg: #efe7d3; --t-gold-fg: #715a28;
  --t-silver-bg: #ececea; --t-silver-fg: #58616d; --t-bronze-bg: #f4e6d9; --t-bronze-fg: #8c5022;
  /* چارت */
  --chart-1: #1d2b5c; --chart-2: #b08d3e; --chart-3: #9f1d3f; --chart-4: #0f766e;
  --chart-5: #6d28d9; --chart-6: #4f6bd8; --chart-7: #b45309; --chart-8: #6b7280;
  --chart-grid: #eae8e6; --chart-label: #626881;
  /* باکگراوندی جوڵاو */
  --fx-1: #e3c47a; --fx-2: #c9a24b; --fx-3: #2a3b7a; --fx-4: #fff4d6; --fx-opacity: 0.36;
  --bg-static:
    radial-gradient(1100px 600px at 100% -10%, rgb(227 196 122 / .18), transparent 62%),
    radial-gradient(900px 640px at -10% 110%, rgb(42 59 122 / .08), transparent 62%),
    linear-gradient(180deg, #f6f3ec 0%, #ebe4d5 100%);
  /* شێوە و قووڵی */
  --radius: 12px; --radius-sm: 8px;
  --shadow-sm: 0 1px 2px rgb(18 24 51 / .07);
  --shadow: 0 1px 2px rgb(18 24 51 / .05), 0 16px 36px -16px rgb(18 24 51 / .30);
  --shadow-lg: 0 34px 80px -24px rgb(10 15 36 / .52);
  --glow: 0 0 0 1px rgb(201 162 75 / .55), 0 12px 32px -14px rgb(176 141 62 / .60);
  --focus: 0 0 0 3px rgb(176 141 62 / .40);
}

:root[data-theme="royal"][data-mode="dark"],
.theme-scope[data-theme="royal"][data-mode="dark"] {
  color-scheme: dark;
  /* ڕووکار و نووسین */
  --bg: #05070f; --bg-2: #0a0e21;
  --surface: #0c1126; --surface-2: #111830; --surface-3: #18203c;
  --glass: rgb(10 14 34 / 0.76); --glass-border: rgb(212 175 95 / 0.32);
  --text: #f1ecdf; --text-2: #cec7b3; --muted: #9c98a5;
  --border: #1c2440; --border-strong: #2c365c;
  --overlay: rgb(2 3 10 / 0.7);
  /* براند */
  --primary: #d9b766; --primary-hover: #e6c87f; --primary-ink: #1a1302; --primary-soft: #29230f;
  --accent: #8fa2ff; --accent-ink: #0a1030; --accent-soft: #1a2150;
  --danger: #ff8577; --danger-soft: #3b1717;
  --admin: #d2b8ff; --admin-ink: #1c0f33;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(80% 120% at 102% -10%, rgb(217 183 102 / .24), transparent 55%),
    radial-gradient(60% 90% at -4% 110%, rgb(143 162 255 / .18), transparent 60%),
    repeating-linear-gradient(120deg, rgb(217 183 102 / .04) 0 1px, transparent 1px 24px),
    linear-gradient(150deg, #1b2058 0%, #10143d 50%, #07081a 100%);
  --hero-ink: #f8f1dc; --hero-muted: rgb(233 223 196 / 0.8); --hero-accent: #e6c87f;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #103531; --t-green-fg: #22c55e; --t-blue-bg: #293156; --t-blue-fg: #8fa2ff;
  --t-amber-bg: #3b2d21; --t-amber-fg: #f59e0b; --t-red-bg: #3a1e2f; --t-red-fg: #f37171;
  --t-gray-bg: #2c2f42; --t-gray-fg: #a6a2ae; --t-gold-bg: #373433; --t-gold-fg: #e2bf68;
  --t-silver-bg: #2b3246; --t-silver-fg: #a9b4c4; --t-bronze-bg: #34292e; --t-bronze-fg: #d78e58;
  /* چارت */
  --chart-1: #d9b766; --chart-2: #8fa2ff; --chart-3: #f07a93; --chart-4: #4fd1c5;
  --chart-5: #c4b5fd; --chart-6: #f6a35b; --chart-7: #7dd3fc; --chart-8: #a8a29e;
  --chart-grid: #272b3c; --chart-label: #9c98a5;
  /* باکگراوندی جوڵاو */
  --fx-1: #e3c47a; --fx-2: #8fa2ff; --fx-3: #2a3b7a; --fx-4: #fff1c9; --fx-opacity: 0.52;
  --bg-static:
    radial-gradient(1100px 600px at 100% -10%, rgb(217 183 102 / .10), transparent 62%),
    radial-gradient(900px 640px at -10% 110%, rgb(143 162 255 / .09), transparent 62%),
    linear-gradient(180deg, #05070f 0%, #0a0e21 100%);
  /* شێوە و قووڵی */
  --radius: 12px; --radius-sm: 8px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .45);
  --shadow: 0 1px 2px rgb(0 0 0 / .4), 0 16px 36px -14px rgb(0 0 0 / .66);
  --shadow-lg: 0 36px 84px -22px rgb(0 0 0 / .8);
  --glow: 0 0 0 1px rgb(217 183 102 / .48), 0 0 30px -6px rgb(217 183 102 / .36);
  --focus: 0 0 0 3px rgb(217 183 102 / .45);
}

/* ═════════════ 5. گوڵاڵە — Tulip (سووری گوڵاڵەی لۆگۆ + ڕەنگی گەرم) ═════════════ */

:root[data-theme="tulip"][data-mode="light"],
.theme-scope[data-theme="tulip"][data-mode="light"] {
  color-scheme: light;
  /* ڕووکار و نووسین */
  --bg: #fbf5f2; --bg-2: #f4e7e2;
  --surface: #fffcfa; --surface-2: #fbf4f1; --surface-3: #f5e9e5;
  --glass: rgb(255 252 250 / 0.76); --glass-border: rgb(190 18 60 / 0.13);
  --text: #2a1217; --text-2: #4d3036; --muted: #795b61;
  --border: #efdfda; --border-strong: #e0c8c1;
  --overlay: rgb(42 10 18 / 0.48);
  /* براند */
  --primary: #be123c; --primary-hover: #9f1239; --primary-ink: #ffffff; --primary-soft: #fde3e9;
  --accent: #2f7d4f; --accent-ink: #ffffff; --accent-soft: #e1f1e7;
  --danger: #b23a09; --danger-soft: #fdede3;
  --admin: #5a3764; --admin-ink: #ffffff;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(90% 120% at 104% -12%, rgb(255 201 168 / .38), transparent 55%),
    radial-gradient(80% 100% at -6% 110%, rgb(251 113 133 / .36), transparent 60%),
    radial-gradient(45% 70% at 40% 130%, rgb(47 125 79 / .22), transparent 62%),
    linear-gradient(140deg, #b3123c 0%, #8a0f33 50%, #4a0a1f 100%);
  --hero-ink: #ffffff; --hero-muted: rgb(255 237 241 / 0.86); --hero-accent: #ffd2b8;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #e4ebe4; --t-green-fg: #286c44; --t-blue-bg: #e5eaf8; --t-blue-fg: #2157cf;
  --t-amber-bg: #f9e7d3; --t-amber-fg: #8f4f04; --t-red-bg: #fbe1e5; --t-red-fg: #b9183b;
  --t-gray-bg: #efe9e8; --t-gray-fg: #74575d; --t-gold-bg: #f4e8cb; --t-gold-fg: #755908;
  --t-silver-bg: #ecebec; --t-silver-fg: #58616d; --t-bronze-bg: #f4e6db; --t-bronze-fg: #8c5022;
  /* چارت */
  --chart-1: #be123c; --chart-2: #2f7d4f; --chart-3: #d97706; --chart-4: #7c3aed;
  --chart-5: #0e7490; --chart-6: #db2777; --chart-7: #92400e; --chart-8: #64748b;
  --chart-grid: #ece7e6; --chart-label: #795b61;
  /* باکگراوندی جوڵاو */
  --fx-1: #fb7185; --fx-2: #f43f5e; --fx-3: #fecdd3; --fx-4: #fdba74; --fx-opacity: 0.34;
  --bg-static:
    radial-gradient(1100px 620px at 100% -10%, rgb(251 113 133 / .12), transparent 62%),
    radial-gradient(900px 620px at -10% 110%, rgb(253 186 116 / .14), transparent 62%),
    linear-gradient(180deg, #fbf5f2 0%, #f4e7e2 100%);
  /* شێوە و قووڵی */
  --radius: 22px; --radius-sm: 14px;
  --shadow-sm: 0 1px 2px rgb(74 20 30 / .06);
  --shadow: 0 1px 2px rgb(74 20 30 / .05), 0 12px 32px -12px rgb(110 20 45 / .22);
  --shadow-lg: 0 30px 70px -20px rgb(60 10 25 / .42);
  --glow: 0 0 0 1px rgb(251 113 133 / .24), 0 10px 30px -12px rgb(225 29 72 / .52);
  --focus: 0 0 0 3px rgb(190 18 60 / .28);
}

:root[data-theme="tulip"][data-mode="dark"],
.theme-scope[data-theme="tulip"][data-mode="dark"] {
  color-scheme: dark;
  /* ڕووکار و نووسین */
  --bg: #100608; --bg-2: #1a0a0f;
  --surface: #1a0c10; --surface-2: #211116; --surface-3: #2b171e;
  --glass: rgb(23 10 14 / 0.76); --glass-border: rgb(251 113 133 / 0.15);
  --text: #f8e9eb; --text-2: #dcc1c5; --muted: #a8888e;
  --border: #2e1a20; --border-strong: #45262f;
  --overlay: rgb(5 1 2 / 0.68);
  /* براند */
  --primary: #fb7185; --primary-hover: #fd8fa0; --primary-ink: #2a0610; --primary-soft: #3a1520;
  --accent: #6fcf97; --accent-ink: #04210f; --accent-soft: #12301f;
  --danger: #ff9a62; --danger-soft: #3a1b0e;
  --admin: #dbb8ff; --admin-ink: #20103a;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(90% 120% at 104% -12%, rgb(255 196 166 / .20), transparent 55%),
    radial-gradient(80% 100% at -6% 110%, rgb(251 113 133 / .24), transparent 60%),
    radial-gradient(45% 70% at 40% 130%, rgb(111 207 151 / .12), transparent 62%),
    linear-gradient(140deg, #7a1030 0%, #4c0a20 50%, #1c040c 100%);
  --hero-ink: #fff1f3; --hero-muted: rgb(251 221 227 / 0.82); --hero-accent: #ffc4a6;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #2b332b; --t-green-fg: #6fcf97; --t-blue-bg: #262943; --t-blue-fg: #689ff8;
  --t-amber-bg: #46290f; --t-amber-fg: #f59e0b; --t-red-bg: #472027; --t-red-fg: #fb7487;
  --t-gray-bg: #39272c; --t-gray-fg: #b4999e; --t-gold-bg: #432f14; --t-gold-fg: #e8b923;
  --t-silver-bg: #372e34; --t-silver-fg: #a9b4c4; --t-bronze-bg: #3f251c; --t-bronze-fg: #d78e58;
  /* چارت */
  --chart-1: #fb7185; --chart-2: #6fcf97; --chart-3: #fbbf24; --chart-4: #c4b5fd;
  --chart-5: #67e8f9; --chart-6: #f9a8d4; --chart-7: #fdba74; --chart-8: #a8a29e;
  --chart-grid: #35272a; --chart-label: #a8888e;
  /* باکگراوندی جوڵاو */
  --fx-1: #fb7185; --fx-2: #be123c; --fx-3: #fda4af; --fx-4: #fdba74; --fx-opacity: 0.46;
  --bg-static:
    radial-gradient(1100px 620px at 100% -10%, rgb(251 113 133 / .12), transparent 62%),
    radial-gradient(900px 620px at -10% 110%, rgb(253 186 116 / .06), transparent 62%),
    linear-gradient(180deg, #100608 0%, #1a0a0f 100%);
  /* شێوە و قووڵی */
  --radius: 22px; --radius-sm: 14px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .4);
  --shadow: 0 1px 2px rgb(0 0 0 / .35), 0 14px 34px -12px rgb(0 0 0 / .62);
  --shadow-lg: 0 34px 80px -20px rgb(0 0 0 / .78);
  --glow: 0 0 0 1px rgb(251 113 133 / .26), 0 0 30px -6px rgb(251 113 133 / .38);
  --focus: 0 0 0 3px rgb(251 113 133 / .42);
}

/* ═════════════ 6. گرافیت — Graphite (خۆڵەمێشی وەک ئایفۆن، بێ درەوشانەوە) ═════════════ */

:root[data-theme="graphite"][data-mode="light"],
.theme-scope[data-theme="graphite"][data-mode="light"] {
  color-scheme: light;
  /* ڕووکار و نووسین */
  --bg: #f2f2f7; --bg-2: #e8e8ee;
  --surface: #ffffff; --surface-2: #f4f4f7; --surface-3: #e9e9ee;
  --glass: rgb(249 249 251 / 0.8); --glass-border: rgb(0 0 0 / 0.08);
  --text: #1c1c1e; --text-2: #3a3a3c; --muted: #6c6c70;
  --border: #e2e2e7; --border-strong: #c7c7cc;
  --overlay: rgb(0 0 0 / 0.4);
  /* براند */
  --primary: #1d1d1f; --primary-hover: #3a3a3c; --primary-ink: #ffffff; --primary-soft: #e8e8ed;
  --accent: #0a6fd8; --accent-ink: #ffffff; --accent-soft: #e3eefc;
  --danger: #d70015; --danger-soft: #fde7e9;
  --admin: #5452cf; --admin-ink: #ffffff;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(120% 90% at 50% -40%, rgb(255 255 255 / .95), transparent 60%),
    radial-gradient(55% 80% at 100% 110%, rgb(10 111 216 / .10), transparent 62%),
    linear-gradient(180deg, #fbfbfd 0%, #eeeef2 60%, #e6e6ec 100%);
  --hero-ink: #1d1d1f; --hero-muted: #515154; --hero-accent: #0060c0;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #e1f3e7; --t-green-fg: #0f7234; --t-blue-bg: #e2eefa; --t-blue-fg: #095fba;
  --t-amber-bg: #f9e9d7; --t-amber-fg: #8f4f04; --t-red-bg: #fbe5e5; --t-red-fg: #b92020;
  --t-gray-bg: #ededee; --t-gray-fg: #616165; --t-gold-bg: #f4ebcf; --t-gold-fg: #795c08;
  --t-silver-bg: #eeeeef; --t-silver-fg: #616164; --t-bronze-bg: #f4e8df; --t-bronze-fg: #8c5022;
  /* چارت */
  --chart-1: #0a6fd8; --chart-2: #2ca74b; --chart-3: #d67d00; --chart-4: #af52de;
  --chart-5: #ff2d55; --chart-6: #469cc3; --chart-7: #b38f00; --chart-8: #8e8e93;
  --chart-grid: #ebebeb; --chart-label: #6c6c70;
  /* باکگراوندی جوڵاو */
  --fx-1: #c7c7cc; --fx-2: #e5e5ea; --fx-3: #0a6fd8; --fx-4: #aeaeb2; --fx-opacity: 0.34;
  --bg-static:
    radial-gradient(1100px 600px at 100% -10%, rgb(10 111 216 / .05), transparent 62%),
    linear-gradient(180deg, #f2f2f7 0%, #e8e8ee 100%);
  /* شێوە و قووڵی */
  --radius: 22px; --radius-sm: 12px;
  --shadow-sm: 0 1px 1px rgb(0 0 0 / .04);
  --shadow: 0 1px 2px rgb(0 0 0 / .05), 0 6px 18px -10px rgb(0 0 0 / .14);
  --shadow-lg: 0 24px 60px -18px rgb(0 0 0 / .28);
  --glow: none;
  --focus: 0 0 0 4px rgb(10 111 216 / .32);
}

:root[data-theme="graphite"][data-mode="dark"],
.theme-scope[data-theme="graphite"][data-mode="dark"] {
  color-scheme: dark;
  /* ڕووکار و نووسین */
  --bg: #000000; --bg-2: #0b0b0d;
  --surface: #1c1c1e; --surface-2: #232326; --surface-3: #2c2c2e;
  --glass: rgb(22 22 24 / 0.76); --glass-border: rgb(255 255 255 / 0.09);
  --text: #f5f5f7; --text-2: #d1d1d6; --muted: #98989f;
  --border: #2f2f33; --border-strong: #48484a;
  --overlay: rgb(0 0 0 / 0.6);
  /* براند */
  --primary: #f5f5f7; --primary-hover: #d1d1d6; --primary-ink: #1c1c1e; --primary-soft: #2c2c2e;
  --accent: #409cff; --accent-ink: #00172e; --accent-soft: #0d2440;
  --danger: #ff6961; --danger-soft: #3a1614;
  --admin: #a5a3ff; --admin-ink: #12113a;
  /* هیرۆ */
  --hero-bg:
    radial-gradient(120% 90% at 50% -40%, rgb(255 255 255 / .10), transparent 60%),
    radial-gradient(55% 80% at 100% 110%, rgb(64 156 255 / .14), transparent 62%),
    linear-gradient(180deg, #1c1c1e 0%, #141416 55%, #0a0a0b 100%);
  --hero-ink: #f5f5f7; --hero-muted: #a1a1a6; --hero-accent: #409cff;
  /* ڕەنگی نیشانەکان (badge) */
  --t-green-bg: #1d3e2b; --t-green-fg: #26c661; --t-blue-bg: #243850; --t-blue-fg: #66b0ff;
  --t-amber-bg: #47361a; --t-amber-fg: #f59e0b; --t-red-bg: #462728; --t-red-fg: #f48282;
  --t-gray-bg: #37373a; --t-gray-fg: #adadb2; --t-gold-bg: #453b1f; --t-gold-fg: #e8b923;
  --t-silver-bg: #39393c; --t-silver-fg: #aeaeb2; --t-bronze-bg: #413127; --t-bronze-fg: #db9a69;
  /* چارت */
  --chart-1: #409cff; --chart-2: #30d158; --chart-3: #ff9f0a; --chart-4: #bf5af2;
  --chart-5: #ff375f; --chart-6: #64d2ff; --chart-7: #ffd60a; --chart-8: #98989d;
  --chart-grid: #363638; --chart-label: #98989f;
  /* باکگراوندی جوڵاو */
  --fx-1: #3a3a3c; --fx-2: #636366; --fx-3: #409cff; --fx-4: #1c1c1e; --fx-opacity: 0.5;
  --bg-static:
    radial-gradient(1100px 600px at 100% -10%, rgb(64 156 255 / .06), transparent 62%),
    linear-gradient(180deg, #000000 0%, #0b0b0d 100%);
  /* شێوە و قووڵی */
  --radius: 22px; --radius-sm: 12px;
  --shadow-sm: 0 0 0 1px rgb(255 255 255 / .03);
  --shadow: 0 0 0 1px rgb(255 255 255 / .04), 0 10px 26px -12px rgb(0 0 0 / .7);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / .05), 0 30px 70px -18px rgb(0 0 0 / .85);
  --glow: none;
  --focus: 0 0 0 4px rgb(64 156 255 / .45);
}

/* ───── گۆڕینی ستایل: بازنەیەک لە شوێنی کلیکەوە بڵاو دەبێتەوە (View Transitions) ─────
   theme.js data-vt="theme" دادەنێت، clip-path ـی ::view-transition-new(root) دەجووڵێنێت
   و دوای تەواوبوون data-vt لادەبات. */
html[data-vt="theme"] * { view-transition-name: none !important; }
html[data-vt="theme"]::view-transition-old(root),
html[data-vt="theme"]::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}
html[data-vt="theme"]::view-transition-old(root) { z-index: 1; }
html[data-vt="theme"]::view-transition-new(root) { z-index: 2; }

/* وێبگەڕی بێ View Transitions: گۆڕینی نەرمی ڕەنگەکان (theme.js دوای 350ms لایدەبات) */
html.theme-fading,
html.theme-fading *,
html.theme-fading *::before,
html.theme-fading *::after {
  transition: background-color .3s ease, color .3s ease, border-color .3s ease, outline-color .3s ease,
    fill .3s ease, stroke .3s ease, box-shadow .3s ease !important;
}