/* ═══════════════════════════════════════════════════════════════════
   designs.css — طراحی‌های کلی برنامه (از بنر تا فرم تا فوتر)
   ───────────────────────────────────────────────────────────────────
   طراحی با attribute روی <body> فعال می‌شود (از پنل → لوگوها و پوسته):
     data-app-design="default" — طراحی پیش‌فرض فارم گستر (بدون override)
     data-app-design="neon"    — شب نئون: تیرهٔ آینده‌نگر با درخشش نئونی
     data-app-design="royal"   — سلطنتی: کرم و طلایی، کلاسیک و مجلل
     data-app-design="galaxy"  — کهکشان: یاسی روشن با بنفش پرانرژی
   هر طراحی «کل» برنامه را استایل می‌کند: پس‌زمینه، هدر، بنر، فرم
   ماشین‌حساب (کارت‌ها، ورودی‌ها، مراحل)، نتایج، سؤالات و فوتر.
   وقتی طراحی کامل فعال است، پوسته‌های هدر (th-*) بی‌اثر می‌شوند.
   این فایل باید بعد از site.css و themes.css لود شود.
   ═══════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════
   ۱) شب نئون (neon) — تیرهٔ سایبری با درخشش سبز نئونی
   ═══════════════════════════════════════════════════════════════════ */

body[data-app-design="neon"] {
  --primary: 140 92% 56%;
  --primary-foreground: 160 40% 5%;
  --bg: 160 18% 5%;
  --fg: 150 14% 94%;
  --card: 158 15% 8%;
  --card-fg: 150 13% 93%;
  --muted: 156 13% 13%;
  --muted-fg: 152 10% 64%;
  --border: 150 18% 19%;
  --accent: 148 22% 14%;
  --danger: 0 84% 66%;
  --amber: 48 96% 60%;
  --r-lg: 18px;
  --r-md: 14px;
  --lift: 0 1px 2px rgb(0 0 0 / .4), 0 10px 32px rgb(0 0 0 / .45);
  --lift-lg: 0 2px 6px rgb(0 0 0 / .4), 0 20px 56px rgb(0 0 0 / .55);
  background:
    radial-gradient(1100px 620px at 85% -8%, hsl(152 80% 22% / .5), transparent 62%),
    radial-gradient(760px 460px at -6% 22%, hsl(140 70% 18% / .34), transparent 60%),
    radial-gradient(700px 520px at 108% 78%, hsl(160 60% 14% / .4), transparent 62%),
    hsl(160 18% 5%);
  background-attachment: fixed;
}
/* در دارک‌مد همان پالت می‌ماند (از قبل تیره است) */
html[data-theme="dark"] body[data-app-design="neon"] { --bg: 160 18% 5%; }

/* — هدر — */
body[data-app-design="neon"] .site-header {
  background: hsl(160 20% 6% / .88);
  backdrop-filter: blur(18px) saturate(1.3);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  border-bottom: 1px solid hsl(146 45% 22% / .7);
  box-shadow: 0 10px 40px rgb(0 0 0 / .5), inset 0 -1px 0 hsl(140 90% 55% / .12);
}
body[data-app-design="neon"] .brand-logo {
  background: linear-gradient(150deg, hsl(140 90% 45%), hsl(158 85% 26%));
  box-shadow: 0 0 18px hsl(140 95% 50% / .45), 0 4px 12px rgb(0 0 0 / .5);
}
body[data-app-design="neon"] .logo-img { border-radius: 12px; }
body[data-app-design="neon"] .brand-text strong { color: hsl(0 0% 98%); }
body[data-app-design="neon"] .brand-text small { color: hsl(148 25% 62%); }
body[data-app-design="neon"] .nav-desktop a { color: hsl(152 12% 72%); }
body[data-app-design="neon"] .nav-desktop a:hover {
  color: hsl(140 95% 68%);
  background: hsl(148 30% 12% / .8);
}
body[data-app-design="neon"] .header-actions .btn-ghost { color: hsl(150 15% 84%); }
body[data-app-design="neon"] .header-actions .btn-ghost:hover { background: hsl(148 30% 13%); }
body[data-app-design="neon"] .header-shop {
  background: hsl(152 22% 11%); border-color: hsl(146 40% 25%); color: hsl(140 70% 72%);
}
body[data-app-design="neon"] .header-shop:hover {
  border-color: hsl(140 90% 55%);
  background: hsl(148 30% 14%);
  color: hsl(140 95% 70%);
  box-shadow: 0 0 22px hsl(140 90% 50% / .3);
}
body[data-app-design="neon"] .header-cta {
  background: linear-gradient(140deg, hsl(140 95% 52%), hsl(158 90% 36%));
  color: hsl(160 40% 5%);
  box-shadow: 0 0 24px hsl(140 95% 50% / .4);
}

/* — بنر (هیرو) — */
body[data-app-design="neon"] .hero {
  border: 1px solid hsl(146 45% 22% / .9);
  background:
    radial-gradient(680px 380px at 88% -18%, hsl(140 85% 30% / .4), transparent 64%),
    radial-gradient(520px 320px at 0% 116%, hsl(158 75% 22% / .32), transparent 60%),
    linear-gradient(165deg, hsl(158 18% 8%), hsl(156 20% 6%));
  box-shadow: 0 0 0 1px hsl(140 90% 55% / .08), 0 0 60px -18px hsl(140 95% 45% / .35), 0 30px 70px -20px rgb(0 0 0 / .7);
}
body[data-app-design="neon"] .hero-bg {
  background:
    radial-gradient(420px 260px at 86% 0%, hsl(140 95% 55% / .14), transparent 70%),
    radial-gradient(320px 220px at 6% 96%, hsl(48 96% 60% / .07), transparent 70%);
}
body[data-app-design="neon"] .hero-bg::after {
  background-image: radial-gradient(hsl(140 90% 60% / .12) 1px, transparent 1.4px);
}
body[data-app-design="neon"] .hero h1 { color: hsl(0 0% 98%); text-shadow: 0 0 34px hsl(140 95% 50% / .25); }
body[data-app-design="neon"] .hero-subtitle { color: hsl(140 80% 70%); }
body[data-app-design="neon"] .hero-desc { color: hsl(152 10% 68%); }
body[data-app-design="neon"] .hero-badge {
  background: hsl(148 28% 12% / .9);
  border-color: hsl(140 80% 45% / .55);
  color: hsl(140 85% 72%);
  box-shadow: 0 0 18px hsl(140 95% 50% / .18);
}
body[data-app-design="neon"] .hero-badge .icon { color: hsl(140 95% 62%); }
body[data-app-design="neon"] .hero-side {
  background: hsl(154 18% 7% / .78);
  border-color: hsl(148 32% 20%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body[data-app-design="neon"] .hero-chip { border-bottom-color: hsl(150 22% 16%); }
body[data-app-design="neon"] a.hero-chip:hover { background: hsl(150 25% 12% / .8); }
body[data-app-design="neon"] .hero-chip-ico {
  background: hsl(148 25% 13%);
  color: hsl(140 92% 62%);
  box-shadow: inset 0 0 0 1px hsl(140 70% 40% / .35);
}
body[data-app-design="neon"] .hero-chip-title { color: hsl(150 12% 92%); }
body[data-app-design="neon"] .hero-chip-desc { color: hsl(152 8% 58%); }
body[data-app-design="neon"] .hero-trust { border-top-color: hsl(150 22% 17%); color: hsl(152 10% 72%); }
body[data-app-design="neon"] .hero-trust .icon {
  background: hsl(140 90% 50% / .14);
  color: hsl(140 92% 64%);
}
body[data-app-design="neon"] .btn-hero-primary {
  background: linear-gradient(140deg, hsl(140 96% 55%), hsl(158 88% 38%));
  color: hsl(160 40% 5%);
  box-shadow: 0 0 34px hsl(140 95% 50% / .5), 0 12px 30px rgb(0 0 0 / .5);
}
body[data-app-design="neon"] .btn-hero-primary:hover {
  box-shadow: 0 0 48px hsl(140 95% 55% / .65), 0 14px 36px rgb(0 0 0 / .55);
}
body[data-app-design="neon"] .btn-hero-secondary {
  background: hsl(0 0% 100% / .05);
  color: hsl(150 12% 90%);
  border-color: hsl(146 40% 28%);
}
body[data-app-design="neon"] .btn-hero-secondary:hover {
  border-color: hsl(140 90% 55%);
  color: hsl(140 95% 70%);
  box-shadow: 0 0 22px hsl(140 90% 50% / .22);
}

/* — فرم ماشین‌حساب — */
body[data-app-design="neon"] .calc-card {
  border-color: hsl(148 30% 20%);
  box-shadow: 0 0 0 1px hsl(140 90% 55% / .06), 0 24px 60px -18px rgb(0 0 0 / .7);
}
body[data-app-design="neon"] .calc-card::before {
  background: linear-gradient(90deg, transparent, hsl(140 95% 55%) 30%, hsl(48 96% 60%) 50%, hsl(140 95% 55%) 70%, transparent);
  height: 2px;
}
body[data-app-design="neon"] .step-num {
  border-color: hsl(148 25% 24%);
  background: hsl(150 18% 11%);
  color: hsl(152 10% 66%);
}
body[data-app-design="neon"] .step-line { background: hsl(148 24% 18%); }
body[data-app-design="neon"] .step.active .step-num {
  border-color: hsl(140 92% 55%);
  color: hsl(140 95% 64%);
  background: hsl(140 90% 50% / .1);
  box-shadow: 0 0 18px hsl(140 95% 50% / .4), 0 0 0 4px hsl(140 90% 50% / .12);
}
body[data-app-design="neon"] .step.done .step-num {
  background: linear-gradient(140deg, hsl(140 96% 55%), hsl(158 88% 38%));
  color: hsl(160 40% 5%);
  box-shadow: 0 0 16px hsl(140 95% 50% / .45);
}
body[data-app-design="neon"] .sys-btn {
  border-color: hsl(148 25% 21%);
  background: hsl(156 16% 9%);
}
body[data-app-design="neon"] .sys-btn:hover {
  border-color: hsl(140 85% 48% / .6);
  box-shadow: 0 12px 28px rgb(0 0 0 / .5), 0 0 20px hsl(140 90% 50% / .12);
}
body[data-app-design="neon"] .sys-btn.checked {
  border-color: hsl(140 90% 52%);
  background: linear-gradient(140deg, hsl(140 90% 50% / .12), hsl(158 80% 30% / .05));
  box-shadow: 0 0 0 3.5px hsl(140 90% 50% / .16), 0 0 26px hsl(140 95% 50% / .22);
}
body[data-app-design="neon"] .radio-card { background: hsl(156 16% 9%); border-color: hsl(148 22% 21%); }
body[data-app-design="neon"] .radio-card.checked {
  border-color: hsl(140 88% 52%);
  background: hsl(140 85% 48% / .09);
  box-shadow: 0 0 0 3px hsl(140 90% 50% / .14);
}
body[data-app-design="neon"] .input, body[data-app-design="neon"] .select, body[data-app-design="neon"] .textarea {
  background: hsl(156 17% 7%);
  border-color: hsl(148 24% 22%);
}
body[data-app-design="neon"] .input:focus, body[data-app-design="neon"] .select:focus, body[data-app-design="neon"] .textarea:focus {
  border-color: hsl(140 92% 55%);
  box-shadow: 0 0 0 3px hsl(140 90% 50% / .2), 0 0 18px hsl(140 90% 50% / .18);
}
body[data-app-design="neon"] .btn-primary {
  background: linear-gradient(140deg, hsl(140 96% 55%), hsl(158 88% 36%));
  color: hsl(160 40% 5%);
  box-shadow: 0 0 22px hsl(140 95% 50% / .35);
}
body[data-app-design="neon"] .btn-primary:hover:not(:disabled) {
  box-shadow: 0 0 34px hsl(140 95% 50% / .55);
  filter: none;
}
body[data-app-design="neon"] .btn-outline { border-color: hsl(148 28% 26%); color: hsl(150 12% 88%); }
body[data-app-design="neon"] .btn-outline:hover:not(:disabled) {
  border-color: hsl(140 85% 50%);
  background: hsl(140 85% 48% / .08);
}
body[data-app-design="neon"] .preview-box { background: hsl(152 15% 7% / .8); border-color: hsl(148 24% 20%); }
body[data-app-design="neon"] .note-box {
  background: hsl(140 85% 45% / .06);
  border-color: hsl(140 85% 45% / .22);
}
body[data-app-design="neon"] .summary-box { background: hsl(152 15% 7% / .7); }

/* — نتایج — */
body[data-app-design="neon"] .eq-hero {
  background:
    radial-gradient(560px 300px at 12% -30%, hsl(140 90% 45% / .4), transparent 60%),
    linear-gradient(230deg, hsl(152 60% 16%), hsl(158 55% 8%));
  box-shadow: 0 0 40px -8px hsl(140 95% 45% / .35), 0 18px 48px rgb(0 0 0 / .55);
}
body[data-app-design="neon"] .tile-emerald { border-color: hsl(140 85% 48% / .3); background: hsl(140 85% 45% / .06); }
body[data-app-design="neon"] .tile-amber { border-color: hsl(48 96% 58% / .3); background: hsl(48 96% 58% / .06); }
body[data-app-design="neon"] .tile-teal { border-color: hsl(174 70% 45% / .3); background: hsl(174 70% 45% / .06); }
body[data-app-design="neon"] .tile-emerald .tile-num .num,
body[data-app-design="neon"] .tile-emerald .tile-label .icon { color: hsl(140 92% 62%); }
body[data-app-design="neon"] .tile-amber .tile-num .num,
body[data-app-design="neon"] .tile-amber .tile-label .icon { color: hsl(48 96% 64%); }
body[data-app-design="neon"] .tile-teal .tile-num .num,
body[data-app-design="neon"] .tile-teal .tile-label .icon { color: hsl(174 70% 58%); }
body[data-app-design="neon"] .eq-card { border-color: hsl(148 22% 20%); }
body[data-app-design="neon"] .eq-card:hover {
  border-color: hsl(140 85% 50% / .5);
  box-shadow: 0 18px 40px rgb(0 0 0 / .6), 0 0 22px hsl(140 90% 50% / .14);
}
body[data-app-design="neon"] .eq-card.t-emerald .eq-ico-box { background: hsl(140 85% 45% / .12); color: hsl(140 92% 62%); }
body[data-app-design="neon"] .eq-card.t-amber .eq-ico-box { background: hsl(48 96% 58% / .12); color: hsl(48 96% 64%); }
body[data-app-design="neon"] .eq-card.t-teal .eq-ico-box { background: hsl(174 70% 45% / .12); color: hsl(174 70% 58%); }
body[data-app-design="neon"] .eq-card.t-emerald .eq-num .num { color: hsl(140 92% 64%); }
body[data-app-design="neon"] .eq-card.t-amber .eq-num .num { color: hsl(48 96% 64%); }
body[data-app-design="neon"] .eq-card.t-teal .eq-num .num { color: hsl(174 70% 58%); }
body[data-app-design="neon"] .cage-tile { background: hsl(156 16% 9%); border-color: hsl(148 22% 20%); }

/* — بخش‌ها و فوتر — */
body[data-app-design="neon"] .section-muted {
  background: linear-gradient(180deg, hsl(156 16% 7%), hsl(158 18% 6%) 60%, transparent);
}
body[data-app-design="neon"] .accordion-item { background: hsl(156 16% 8%); border-color: hsl(148 22% 19%); }
body[data-app-design="neon"] .accordion-trigger { color: hsl(150 13% 92%); }
body[data-app-design="neon"] .site-footer {
  background:
    radial-gradient(700px 320px at 88% -20%, hsl(140 85% 25% / .3), transparent 64%),
    linear-gradient(180deg, hsl(158 20% 7%), hsl(160 22% 4%));
  border-top: 1px solid hsl(146 45% 20% / .8);
  box-shadow: 0 -14px 44px rgb(0 0 0 / .45);
}
body[data-app-design="neon"] .footer-title .icon { color: hsl(140 92% 60%); }
body[data-app-design="neon"] .footer-phones a:hover,
body[data-app-design="neon"] .footer-links a:hover { color: hsl(140 95% 66%); }
body[data-app-design="neon"] .footer-logo { background: hsl(0 0% 96%); }
body[data-app-design="neon"] .badge-outline {
  background: hsl(140 85% 45% / .07);
  border-color: hsl(140 85% 45% / .3);
  color: hsl(140 80% 70%);
}
body[data-app-design="neon"] ::selection { background: hsl(140 90% 50% / .3); }


/* ═══════════════════════════════════════════════════════════════════
   ۲) سلطنتی (royal) — کرم و طلایی، کلاسیک و مجلل
   ═══════════════════════════════════════════════════════════════════ */

body[data-app-design="royal"] {
  --primary: 35 62% 34%;
  --primary-foreground: 43 70% 97%;
  --bg: 42 60% 95%;
  --fg: 30 28% 14%;
  --card: 45 75% 99%;
  --card-fg: 30 28% 14%;
  --muted: 42 45% 90%;
  --muted-fg: 35 16% 42%;
  --border: 41 40% 84%;
  --accent: 44 65% 88%;
  --danger: 0 66% 44%;
  --amber: 36 92% 46%;
  --r-lg: 16px;
  --r-md: 12px;
  --lift: 0 1px 2px rgb(92 66 20 / .06), 0 10px 30px rgb(92 66 20 / .1);
  --lift-lg: 0 2px 5px rgb(92 66 20 / .05), 0 18px 48px rgb(92 66 20 / .16);
  background:
    radial-gradient(900px 520px at 90% -10%, hsl(44 80% 88% / .8), transparent 62%),
    radial-gradient(680px 420px at 0% 30%, hsl(38 60% 90% / .6), transparent 60%),
    hsl(42 60% 95%);
  background-attachment: fixed;
}
html[data-theme="dark"] body[data-app-design="royal"] {
  --bg: 32 18% 10%;
  --fg: 40 25% 92%;
  --card: 34 20% 13%;
  --card-fg: 40 25% 92%;
  --muted: 34 16% 18%;
  --muted-fg: 40 12% 64%;
  --border: 36 20% 26%;
  --accent: 36 22% 18%;
  --primary: 40 70% 58%;
  --primary-foreground: 34 40% 10%;
  background:
    radial-gradient(900px 520px at 90% -10%, hsl(40 40% 18% / .8), transparent 62%),
    radial-gradient(680px 420px at 0% 30%, hsl(34 30% 16% / .6), transparent 60%),
    hsl(32 18% 10%);
}

/* — هدر: نوار قهوه‌ای عمیق با خط طلایی — */
body[data-app-design="royal"] .site-header {
  background: linear-gradient(94deg, hsl(30 38% 15%), hsl(28 42% 19%));
  border-bottom: 2px solid hsl(42 75% 52% / .75);
  box-shadow: 0 12px 34px rgb(70 45 10 / .3);
}
body[data-app-design="royal"] .brand-logo {
  background: linear-gradient(150deg, hsl(44 85% 55%), hsl(33 80% 42%));
  color: hsl(30 40% 12%);
  box-shadow: 0 4px 14px hsl(40 70% 30% / .4), inset 0 1px 0 hsl(0 0% 100% / .5);
}
body[data-app-design="royal"] .logo-img { border-radius: 12px; }
body[data-app-design="royal"] .brand-text strong { color: hsl(43 70% 94%); }
body[data-app-design="royal"] .brand-text small { color: hsl(43 45% 74%); }
body[data-app-design="royal"] .nav-desktop a { color: hsl(40 30% 80%); }
body[data-app-design="royal"] .nav-desktop a:hover {
  color: hsl(45 80% 88%);
  background: hsl(38 35% 24% / .8);
}
body[data-app-design="royal"] .header-actions .btn-ghost { color: hsl(40 30% 84%); }
body[data-app-design="royal"] .header-actions .btn-ghost:hover { background: hsl(38 35% 24%); }
body[data-app-design="royal"] .header-shop {
  background: hsl(34 35% 20%); border-color: hsl(42 60% 42% / .7); color: hsl(44 65% 80%);
}
body[data-app-design="royal"] .header-shop:hover { border-color: hsl(44 80% 58%); color: hsl(45 85% 88%); }
body[data-app-design="royal"] .header-cta {
  background: linear-gradient(150deg, hsl(44 85% 55%), hsl(33 82% 44%));
  color: hsl(30 40% 11%);
  box-shadow: 0 6px 18px hsl(40 70% 30% / .4);
}
html[data-theme="dark"] body[data-app-design="royal"] .site-header {
  background: linear-gradient(94deg, hsl(30 25% 10%), hsl(28 28% 13%));
}

/* — بنر: کارت کرم با قاب دوخط طلایی — */
body[data-app-design="royal"] .hero {
  border: 1.5px solid hsl(42 70% 60% / .8);
  background:
    radial-gradient(640px 340px at 92% -16%, hsl(44 85% 86% / .9), transparent 62%),
    radial-gradient(480px 300px at -4% 112%, hsl(36 70% 88% / .7), transparent 60%),
    linear-gradient(170deg, hsl(45 80% 98%) 0%, hsl(43 70% 96%) 55%, hsl(40 65% 95%) 100%);
  box-shadow: inset 0 0 0 5px hsl(45 75% 97%), inset 0 0 0 6px hsl(42 70% 62% / .55), 0 26px 60px -22px hsl(38 60% 30% / .35);
}
body[data-app-design="royal"] .hero-bg {
  background:
    radial-gradient(360px 220px at 88% 6%, hsl(44 90% 70% / .14), transparent 70%),
    radial-gradient(280px 190px at 6% 92%, hsl(34 80% 60% / .1), transparent 70%);
}
body[data-app-design="royal"] .hero-bg::after { background-image: radial-gradient(hsl(40 60% 30% / .06) 1px, transparent 1.4px); }
body[data-app-design="royal"] .hero h1 { color: hsl(28 45% 16%); }
body[data-app-design="royal"] .hero-subtitle { color: hsl(35 60% 32%); }
body[data-app-design="royal"] .hero-desc { color: hsl(34 20% 38%); }
body[data-app-design="royal"] .hero-badge {
  background: hsl(42 80% 92%);
  border-color: hsl(42 70% 70%);
  color: hsl(32 55% 28%);
}
body[data-app-design="royal"] .hero-badge .icon { color: hsl(38 85% 42%); }
body[data-app-design="royal"] .hero-side {
  background: hsl(45 85% 99% / .82);
  border-color: hsl(42 65% 78%);
}
body[data-app-design="royal"] .hero-chip { border-bottom-color: hsl(42 50% 86%); }
body[data-app-design="royal"] a.hero-chip:hover { background: hsl(43 75% 94% / .9); }
body[data-app-design="royal"] .hero-chip-ico { background: hsl(42 75% 90%); color: hsl(36 75% 36%); }
body[data-app-design="royal"] .hero-chip-title { color: hsl(30 40% 18%); }
body[data-app-design="royal"] .hero-chip-desc { color: hsl(35 15% 44%); }
body[data-app-design="royal"] .hero-trust { border-top-color: hsl(42 55% 82%); color: hsl(34 18% 40%); }
body[data-app-design="royal"] .hero-trust .icon { background: hsl(42 85% 55% / .18); color: hsl(38 80% 40%); }
body[data-app-design="royal"] .btn-hero-primary {
  background: linear-gradient(150deg, hsl(44 88% 56%), hsl(33 84% 44%));
  color: hsl(30 40% 11%);
  box-shadow: 0 12px 30px hsl(40 75% 35% / .4), inset 0 1px 0 hsl(0 0% 100% / .5);
}
body[data-app-design="royal"] .btn-hero-primary:hover { box-shadow: 0 16px 38px hsl(40 80% 38% / .5), inset 0 1px 0 hsl(0 0% 100% / .6); }
body[data-app-design="royal"] .btn-hero-secondary { color: hsl(32 50% 28%); border-color: hsl(42 60% 72%); }
body[data-app-design="royal"] .btn-hero-secondary:hover { border-color: hsl(42 85% 55%); color: hsl(35 75% 34%); }
html[data-theme="dark"] body[data-app-design="royal"] .hero {
  background:
    radial-gradient(640px 340px at 92% -16%, hsl(40 45% 20% / .8), transparent 62%),
    linear-gradient(170deg, hsl(34 22% 12%), hsl(32 20% 10%));
  box-shadow: inset 0 0 0 5px hsl(34 22% 12%), inset 0 0 0 6px hsl(42 60% 45% / .5), 0 26px 60px -22px rgb(0 0 0 / .6);
}
html[data-theme="dark"] body[data-app-design="royal"] .hero h1 { color: hsl(43 50% 92%); }
html[data-theme="dark"] body[data-app-design="royal"] .hero-subtitle { color: hsl(43 40% 76%); }
html[data-theme="dark"] body[data-app-design="royal"] .hero-desc { color: hsl(40 12% 68%); }
html[data-theme="dark"] body[data-app-design="royal"] .hero-badge { background: hsl(38 28% 16%); border-color: hsl(42 45% 34%); color: hsl(44 50% 80%); }
html[data-theme="dark"] body[data-app-design="royal"] .hero-side { background: hsl(34 20% 12% / .7); border-color: hsl(38 24% 24%); }
html[data-theme="dark"] body[data-app-design="royal"] .hero-chip-ico { background: hsl(38 25% 17%); color: hsl(44 60% 66%); }
html[data-theme="dark"] body[data-app-design="royal"] .hero-chip-title { color: hsl(42 25% 90%); }
html[data-theme="dark"] body[data-app-design="royal"] .hero-trust { color: hsl(40 12% 66%); }

/* — فرم — */
body[data-app-design="royal"] .calc-card::before {
  background: linear-gradient(90deg, hsl(42 80% 50%), hsl(34 75% 45%) 50%, hsl(42 80% 55%));
}
body[data-app-design="royal"] .step.active .step-num {
  border-color: hsl(38 75% 42%);
  color: hsl(35 70% 36%);
  background: hsl(42 80% 50% / .1);
  box-shadow: 0 0 0 4px hsl(42 80% 50% / .12);
}
body[data-app-design="royal"] .step.done .step-num {
  background: linear-gradient(150deg, hsl(44 85% 52%), hsl(33 80% 42%));
  color: hsl(30 40% 11%);
}
body[data-app-design="royal"] .sys-btn.checked {
  border-color: hsl(42 80% 48% / .9);
  background: linear-gradient(140deg, hsl(42 85% 52% / .1), hsl(36 70% 44% / .04));
  box-shadow: 0 0 0 3.5px hsl(42 80% 50% / .14), 0 12px 28px hsl(40 60% 30% / .12);
}
body[data-app-design="royal"] .sys-check {
  background: linear-gradient(150deg, hsl(44 85% 52%), hsl(33 80% 42%));
  color: hsl(30 40% 11%);
}
body[data-app-design="royal"] .radio-card.checked {
  border-color: hsl(42 78% 46%);
  background: hsl(42 80% 50% / .07);
  box-shadow: 0 0 0 3px hsl(42 80% 50% / .12);
}
body[data-app-design="royal"] .input:focus, body[data-app-design="royal"] .select:focus, body[data-app-design="royal"] .textarea:focus {
  border-color: hsl(42 80% 48%);
  box-shadow: 0 0 0 3px hsl(42 80% 50% / .18);
}
body[data-app-design="royal"] .btn-primary {
  background: linear-gradient(150deg, hsl(44 88% 55%), hsl(33 82% 42%));
  color: hsl(30 40% 11%);
}
body[data-app-design="royal"] .btn-outline:hover:not(:disabled) {
  border-color: hsl(42 70% 50% / .6);
  background: hsl(42 80% 50% / .07);
}
body[data-app-design="royal"] .note-box {
  background: hsl(42 80% 50% / .07);
  border-color: hsl(42 70% 48% / .25);
}
body[data-app-design="royal"] .summary-box { background: hsl(43 65% 94% / .8); }
html[data-theme="dark"] body[data-app-design="royal"] .summary-box { background: hsl(36 18% 15% / .7); }

/* — نتایج — */
body[data-app-design="royal"] .eq-hero {
  background:
    radial-gradient(560px 300px at 12% -30%, hsl(44 85% 55% / .3), transparent 60%),
    linear-gradient(230deg, hsl(30 42% 22%), hsl(28 46% 13%));
  box-shadow: 0 18px 48px hsl(32 50% 25% / .4);
}
body[data-app-design="royal"] .tile-emerald { border-color: hsl(42 75% 45% / .28); background: hsl(42 80% 50% / .06); }
body[data-app-design="royal"] .tile-amber { border-color: hsl(24 80% 45% / .26); background: hsl(24 80% 45% / .05); }
body[data-app-design="royal"] .tile-teal { border-color: hsl(174 45% 35% / .25); background: hsl(174 45% 35% / .05); }
body[data-app-design="royal"] .tile-emerald .tile-num .num,
body[data-app-design="royal"] .tile-emerald .tile-label .icon { color: hsl(36 75% 34%); }
body[data-app-design="royal"] .tile-amber .tile-num .num,
body[data-app-design="royal"] .tile-amber .tile-label .icon { color: hsl(24 80% 40%); }
body[data-app-design="royal"] .tile-teal .tile-num .num,
body[data-app-design="royal"] .tile-teal .tile-label .icon { color: hsl(174 55% 32%); }
html[data-theme="dark"] body[data-app-design="royal"] .tile-emerald .tile-num .num,
html[data-theme="dark"] body[data-app-design="royal"] .tile-emerald .tile-label .icon { color: hsl(44 70% 64%); }
html[data-theme="dark"] body[data-app-design="royal"] .tile-amber .tile-num .num,
html[data-theme="dark"] body[data-app-design="royal"] .tile-amber .tile-label .icon { color: hsl(28 75% 64%); }
html[data-theme="dark"] body[data-app-design="royal"] .tile-teal .tile-num .num,
html[data-theme="dark"] body[data-app-design="royal"] .tile-teal .tile-label .icon { color: hsl(174 45% 60%); }
body[data-app-design="royal"] .eq-card.t-emerald .eq-ico-box { background: hsl(42 80% 50% / .12); color: hsl(38 75% 38%); }
body[data-app-design="royal"] .eq-card.t-amber .eq-ico-box { background: hsl(24 80% 45% / .12); color: hsl(24 80% 42%); }
body[data-app-design="royal"] .eq-card.t-teal .eq-ico-box { background: hsl(174 45% 35% / .12); color: hsl(174 55% 32%); }
body[data-app-design="royal"] .eq-card.t-emerald .eq-num .num { color: hsl(36 75% 34%); }
body[data-app-design="royal"] .eq-card.t-amber .eq-num .num { color: hsl(24 80% 40%); }
body[data-app-design="royal"] .eq-card.t-teal .eq-num .num { color: hsl(174 55% 32%); }
html[data-theme="dark"] body[data-app-design="royal"] .eq-card.t-emerald .eq-ico-box,
html[data-theme="dark"] body[data-app-design="royal"] .eq-card.t-emerald .eq-num .num { color: hsl(44 70% 64%); }
html[data-theme="dark"] body[data-app-design="royal"] .eq-card.t-amber .eq-ico-box,
html[data-theme="dark"] body[data-app-design="royal"] .eq-card.t-amber .eq-num .num { color: hsl(28 75% 64%); }
html[data-theme="dark"] body[data-app-design="royal"] .eq-card.t-teal .eq-ico-box,
html[data-theme="dark"] body[data-app-design="royal"] .eq-card.t-teal .eq-num .num { color: hsl(174 45% 60%); }

/* — بخش‌ها و فوتر — */
body[data-app-design="royal"] .section-muted {
  background: linear-gradient(180deg, hsl(43 55% 92%), hsl(42 45% 94%) 60%, transparent);
}
html[data-theme="dark"] body[data-app-design="royal"] .section-muted {
  background: linear-gradient(180deg, hsl(34 18% 12%), hsl(32 18% 10%) 60%, transparent);
}
body[data-app-design="royal"] .site-footer {
  background: linear-gradient(180deg, hsl(30 38% 15%), hsl(28 44% 10%));
  color: hsl(42 30% 92%);
  border-top: 2px solid hsl(42 75% 52% / .7);
}
body[data-app-design="royal"] .footer-brand .brand-text strong { color: hsl(43 60% 94%); }
body[data-app-design="royal"] .footer-about { color: hsl(42 20% 78% / .8); }
body[data-app-design="royal"] .footer-title .icon { color: hsl(44 80% 62%); }
body[data-app-design="royal"] .footer-phones a { color: hsl(43 40% 92%); }
body[data-app-design="royal"] .footer-phones a:hover,
body[data-app-design="royal"] .footer-links a:hover { color: hsl(45 85% 72%); }
body[data-app-design="royal"] .footer-links a { color: hsl(42 20% 82%); }
body[data-app-design="royal"] .footer-sep { background: hsl(42 60% 55% / .22); }
body[data-app-design="royal"] .footer-bottom p { color: hsl(42 15% 60%); }
body[data-app-design="royal"] .badge-outline {
  background: hsl(42 80% 50% / .08);
  border-color: hsl(42 70% 48% / .3);
  color: hsl(35 55% 34%);
}
html[data-theme="dark"] body[data-app-design="royal"] .badge-outline { color: hsl(44 50% 74%); }
body[data-app-design="royal"] ::selection { background: hsl(42 85% 55% / .3); }


/* ═══════════════════════════════════════════════════════════════════
   ۳) کهکشان (galaxy) — یاسی روشن با بنفش پرانرژی و لهجه سرخابی
   ═══════════════════════════════════════════════════════════════════ */

body[data-app-design="galaxy"] {
  --primary: 265 82% 56%;
  --primary-foreground: 0 0% 100%;
  --bg: 268 80% 98%;
  --fg: 268 30% 14%;
  --card: 0 0% 100%;
  --card-fg: 268 30% 14%;
  --muted: 268 60% 94%;
  --muted-fg: 268 15% 46%;
  --border: 268 40% 89%;
  --accent: 268 70% 93%;
  --danger: 330 78% 50%;
  --amber: 320 80% 48%;
  --r-lg: 20px;
  --r-md: 15px;
  --lift: 0 1px 2px rgb(80 30 130 / .05), 0 10px 30px rgb(80 30 130 / .09);
  --lift-lg: 0 2px 5px rgb(80 30 130 / .05), 0 18px 52px rgb(80 30 130 / .15);
  background:
    radial-gradient(950px 560px at 88% -12%, hsl(265 90% 92% / .9), transparent 62%),
    radial-gradient(720px 460px at -4% 26%, hsl(316 85% 94% / .7), transparent 60%),
    radial-gradient(640px 480px at 106% 74%, hsl(230 80% 94% / .75), transparent 62%),
    hsl(268 80% 98%);
  background-attachment: fixed;
}
html[data-theme="dark"] body[data-app-design="galaxy"] {
  --bg: 268 35% 9%;
  --fg: 266 25% 93%;
  --card: 267 28% 12%;
  --card-fg: 266 25% 93%;
  --muted: 267 22% 17%;
  --muted-fg: 266 15% 64%;
  --border: 266 22% 24%;
  --accent: 266 25% 17%;
  --primary: 265 85% 68%;
  --primary-foreground: 268 40% 10%;
  background:
    radial-gradient(950px 560px at 88% -12%, hsl(265 60% 22% / .8), transparent 62%),
    radial-gradient(720px 460px at -4% 26%, hsl(316 45% 18% / .6), transparent 60%),
    radial-gradient(640px 480px at 106% 74%, hsl(240 45% 18% / .6), transparent 62%),
    hsl(268 35% 9%);
}

/* — هدر — */
body[data-app-design="galaxy"] .site-header {
  background: hsl(268 80% 99% / .8);
  backdrop-filter: blur(18px) saturate(1.4);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  border-bottom: 1px solid hsl(265 60% 88% / .9);
  box-shadow: 0 10px 34px hsl(268 70% 40% / .08);
}
body[data-app-design="galaxy"] .brand-logo {
  background: linear-gradient(150deg, hsl(265 85% 62%), hsl(310 80% 55%));
  box-shadow: 0 6px 18px hsl(268 80% 55% / .35);
}
body[data-app-design="galaxy"] .logo-img { border-radius: 12px; }
body[data-app-design="galaxy"] .brand-text small { color: hsl(268 25% 55%); }
body[data-app-design="galaxy"] .nav-desktop a:hover {
  color: hsl(265 80% 45%);
  background: hsl(265 80% 94% / .8);
}
body[data-app-design="galaxy"] .header-shop {
  border-color: hsl(265 50% 85%);
  color: hsl(265 60% 42%);
}
body[data-app-design="galaxy"] .header-shop:hover {
  border-color: hsl(265 80% 62%);
  background: hsl(265 80% 96%);
  color: hsl(265 80% 45%);
}
body[data-app-design="galaxy"] .header-cta {
  background: linear-gradient(140deg, hsl(265 85% 60%), hsl(310 80% 55%));
  box-shadow: 0 8px 22px hsl(268 80% 55% / .35);
}
html[data-theme="dark"] body[data-app-design="galaxy"] .site-header {
  background: hsl(268 30% 10% / .85);
  border-bottom-color: hsl(266 25% 22%);
}

/* — بنر: شیشه روی پس‌زمینه کهکشانی — */
body[data-app-design="galaxy"] .hero {
  border: 1px solid hsl(0 0% 100% / .96);
  background:
    radial-gradient(620px 340px at 90% -18%, hsl(265 90% 75% / .22), transparent 62%),
    radial-gradient(480px 300px at -4% 114%, hsl(316 90% 70% / .16), transparent 58%),
    linear-gradient(168deg, hsl(0 0% 100% / .82), hsl(268 85% 97% / .75));
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  box-shadow: 0 30px 80px -28px hsl(268 80% 45% / .4), inset 0 1px 0 hsl(0 0% 100% / .9);
}
body[data-app-design="galaxy"] .hero-bg {
  background:
    radial-gradient(380px 240px at 88% 4%, hsl(265 95% 70% / .2), transparent 70%),
    radial-gradient(300px 200px at 6% 92%, hsl(316 95% 68% / .14), transparent 70%),
    radial-gradient(240px 170px at 55% -12%, hsl(240 90% 75% / .16), transparent 70%);
}
body[data-app-design="galaxy"] .hero-bg::after { background-image: radial-gradient(hsl(268 70% 40% / .07) 1px, transparent 1.4px); }
body[data-app-design="galaxy"] .hero h1 {
  background: linear-gradient(120deg, hsl(268 70% 32%), hsl(300 70% 42%) 55%, hsl(330 70% 45%));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: hsl(268 70% 32%);
}
body[data-app-design="galaxy"] .hero-subtitle { color: hsl(300 55% 38%); }
body[data-app-design="galaxy"] .hero-desc { color: hsl(268 15% 40%); }
body[data-app-design="galaxy"] .hero-badge {
  background: linear-gradient(130deg, hsl(265 85% 95%), hsl(316 85% 95%));
  border-color: hsl(265 70% 86%);
  color: hsl(268 65% 40%);
}
body[data-app-design="galaxy"] .hero-badge .icon { color: hsl(295 75% 50%); }
body[data-app-design="galaxy"] .hero-side {
  background: hsl(0 0% 100% / .62);
  border-color: hsl(0 0% 100% / .98);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body[data-app-design="galaxy"] .hero-chip { border-bottom-color: hsl(265 40% 90%); }
body[data-app-design="galaxy"] a.hero-chip:hover { background: hsl(265 80% 96% / .9); }
body[data-app-design="galaxy"] .hero-chip-ico {
  background: linear-gradient(135deg, hsl(265 80% 94%), hsl(316 80% 95%));
  color: hsl(280 70% 48%);
}
body[data-app-design="galaxy"] .hero-chip-title { color: hsl(268 45% 22%); }
body[data-app-design="galaxy"] .hero-chip-desc { color: hsl(268 15% 48%); }
body[data-app-design="galaxy"] .hero-trust { border-top-color: hsl(265 40% 90%); color: hsl(268 15% 44%); }
body[data-app-design="galaxy"] .hero-trust .icon {
  background: linear-gradient(135deg, hsl(265 85% 60% / .16), hsl(316 85% 60% / .14));
  color: hsl(280 75% 52%);
}
body[data-app-design="galaxy"] .btn-hero-primary {
  background: linear-gradient(135deg, hsl(265 88% 60%), hsl(310 82% 55%));
  box-shadow: 0 14px 34px hsl(280 80% 50% / .4), inset 0 1px 0 hsl(0 0% 100% / .3);
}
body[data-app-design="galaxy"] .btn-hero-primary:hover { box-shadow: 0 18px 42px hsl(280 85% 52% / .5), inset 0 1px 0 hsl(0 0% 100% / .35); }
body[data-app-design="galaxy"] .btn-hero-secondary { color: hsl(268 60% 40%); border-color: hsl(265 60% 85%); }
body[data-app-design="galaxy"] .btn-hero-secondary:hover { border-color: hsl(295 80% 60%); color: hsl(295 70% 45%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .hero {
  border-color: hsl(266 25% 24%);
  background:
    radial-gradient(620px 340px at 90% -18%, hsl(265 70% 40% / .3), transparent 62%),
    radial-gradient(480px 300px at -4% 114%, hsl(316 60% 35% / .22), transparent 58%),
    linear-gradient(168deg, hsl(267 30% 12% / .8), hsl(268 28% 10% / .75));
}
html[data-theme="dark"] body[data-app-design="galaxy"] .hero h1 {
  background: linear-gradient(120deg, hsl(265 85% 78%), hsl(316 80% 78%) 55%, hsl(330 80% 76%));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
html[data-theme="dark"] body[data-app-design="galaxy"] .hero-subtitle { color: hsl(300 50% 76%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .hero-desc { color: hsl(266 15% 70%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .hero-badge { background: hsl(266 25% 16%); border-color: hsl(265 35% 30%); color: hsl(266 50% 82%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .hero-side { background: hsl(267 28% 12% / .6); border-color: hsl(266 25% 22%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .hero-chip-ico { background: hsl(266 25% 18%); color: hsl(280 65% 70%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .hero-chip-title { color: hsl(266 20% 90%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .hero-trust { color: hsl(266 12% 68%); }

/* — فرم — */
body[data-app-design="galaxy"] .calc-card::before {
  background: linear-gradient(90deg, hsl(265 85% 60%), hsl(310 80% 58%) 50%, hsl(265 85% 66%));
}
body[data-app-design="galaxy"] .step.active .step-num {
  border-color: hsl(265 82% 58%);
  color: hsl(265 80% 50%);
  background: hsl(265 82% 58% / .1);
  box-shadow: 0 0 0 4px hsl(265 82% 58% / .13);
}
body[data-app-design="galaxy"] .step.done .step-num {
  background: linear-gradient(135deg, hsl(265 85% 60%), hsl(310 80% 55%));
  color: hsl(0 0% 100%);
}
body[data-app-design="galaxy"] .sys-btn:hover { border-color: hsl(265 80% 60% / .55); }
body[data-app-design="galaxy"] .sys-btn.checked {
  border-color: hsl(265 80% 60% / .9);
  background: linear-gradient(140deg, hsl(265 82% 58% / .1), hsl(310 80% 55% / .05));
  box-shadow: 0 0 0 3.5px hsl(265 82% 58% / .14), 0 12px 28px hsl(268 70% 40% / .12);
}
body[data-app-design="galaxy"] .sys-check {
  background: linear-gradient(135deg, hsl(265 85% 60%), hsl(310 80% 55%));
}
body[data-app-design="galaxy"] .radio-card:hover { border-color: hsl(265 80% 62% / .5); }
body[data-app-design="galaxy"] .radio-card.checked {
  border-color: hsl(265 80% 60%);
  background: hsl(265 82% 58% / .07);
  box-shadow: 0 0 0 3px hsl(265 82% 58% / .13);
}
body[data-app-design="galaxy"] .input:focus, body[data-app-design="galaxy"] .select:focus, body[data-app-design="galaxy"] .textarea:focus {
  border-color: hsl(265 82% 60%);
  box-shadow: 0 0 0 3px hsl(265 82% 58% / .18);
}
body[data-app-design="galaxy"] .btn-primary {
  background: linear-gradient(135deg, hsl(265 88% 60%), hsl(310 82% 55%));
  box-shadow: 0 8px 22px hsl(268 80% 50% / .3);
}
body[data-app-design="galaxy"] .btn-primary:hover:not(:disabled) { box-shadow: 0 12px 30px hsl(268 80% 52% / .42); }
body[data-app-design="galaxy"] .btn-outline:hover:not(:disabled) {
  border-color: hsl(265 80% 60% / .55);
  background: hsl(265 82% 58% / .07);
}
body[data-app-design="galaxy"] .note-box {
  background: hsl(265 82% 58% / .06);
  border-color: hsl(265 82% 58% / .2);
}
body[data-app-design="galaxy"] .summary-box { background: hsl(268 70% 96% / .8); }
html[data-theme="dark"] body[data-app-design="galaxy"] .summary-box { background: hsl(266 22% 15% / .7); }

/* — نتایج — */
body[data-app-design="galaxy"] .eq-hero {
  background:
    radial-gradient(560px 300px at 12% -30%, hsl(265 90% 65% / .4), transparent 60%),
    radial-gradient(400px 260px at 96% 118%, hsl(316 85% 55% / .25), transparent 62%),
    linear-gradient(230deg, hsl(268 80% 42%), hsl(285 70% 28%));
  box-shadow: 0 18px 48px hsl(275 75% 35% / .4);
}
body[data-app-design="galaxy"] .tile-emerald { border-color: hsl(265 80% 55% / .26); background: hsl(265 82% 58% / .05); }
body[data-app-design="galaxy"] .tile-amber { border-color: hsl(316 80% 50% / .26); background: hsl(316 80% 50% / .05); }
body[data-app-design="galaxy"] .tile-teal { border-color: hsl(230 75% 55% / .24); background: hsl(230 75% 55% / .05); }
body[data-app-design="galaxy"] .tile-emerald .tile-num .num,
body[data-app-design="galaxy"] .tile-emerald .tile-label .icon { color: hsl(265 80% 48%); }
body[data-app-design="galaxy"] .tile-amber .tile-num .num,
body[data-app-design="galaxy"] .tile-amber .tile-label .icon { color: hsl(322 75% 46%); }
body[data-app-design="galaxy"] .tile-teal .tile-num .num,
body[data-app-design="galaxy"] .tile-teal .tile-label .icon { color: hsl(232 70% 52%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .tile-emerald .tile-num .num,
html[data-theme="dark"] body[data-app-design="galaxy"] .tile-emerald .tile-label .icon { color: hsl(265 85% 74%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .tile-amber .tile-num .num,
html[data-theme="dark"] body[data-app-design="galaxy"] .tile-amber .tile-label .icon { color: hsl(322 80% 74%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .tile-teal .tile-num .num,
html[data-theme="dark"] body[data-app-design="galaxy"] .tile-teal .tile-label .icon { color: hsl(232 80% 74%); }
body[data-app-design="galaxy"] .eq-card:hover {
  border-color: hsl(265 80% 60% / .4);
  box-shadow: 0 18px 44px hsl(268 70% 40% / .16);
}
body[data-app-design="galaxy"] .eq-card.t-emerald .eq-ico-box { background: hsl(265 82% 58% / .11); color: hsl(265 80% 50%); }
body[data-app-design="galaxy"] .eq-card.t-amber .eq-ico-box { background: hsl(316 80% 50% / .11); color: hsl(322 75% 46%); }
body[data-app-design="galaxy"] .eq-card.t-teal .eq-ico-box { background: hsl(230 75% 55% / .11); color: hsl(232 70% 52%); }
body[data-app-design="galaxy"] .eq-card.t-emerald .eq-num .num { color: hsl(265 80% 48%); }
body[data-app-design="galaxy"] .eq-card.t-amber .eq-num .num { color: hsl(322 75% 46%); }
body[data-app-design="galaxy"] .eq-card.t-teal .eq-num .num { color: hsl(232 70% 52%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .eq-card.t-emerald .eq-ico-box,
html[data-theme="dark"] body[data-app-design="galaxy"] .eq-card.t-emerald .eq-num .num { color: hsl(265 85% 74%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .eq-card.t-amber .eq-ico-box,
html[data-theme="dark"] body[data-app-design="galaxy"] .eq-card.t-amber .eq-num .num { color: hsl(322 80% 74%); }
html[data-theme="dark"] body[data-app-design="galaxy"] .eq-card.t-teal .eq-ico-box,
html[data-theme="dark"] body[data-app-design="galaxy"] .eq-card.t-teal .eq-num .num { color: hsl(232 80% 74%); }

/* — بخش‌ها و فوتر — */
body[data-app-design="galaxy"] .section-muted {
  background: linear-gradient(180deg, hsl(268 75% 96%), hsl(266 60% 97%) 60%, transparent);
}
html[data-theme="dark"] body[data-app-design="galaxy"] .section-muted {
  background: linear-gradient(180deg, hsl(267 28% 12%), hsl(268 26% 10%) 60%, transparent);
}
body[data-app-design="galaxy"] .model-ico.ico-green { background: hsl(265 82% 58% / .1); color: hsl(265 80% 48%); }
body[data-app-design="galaxy"] .model-ico.ico-amber { background: hsl(316 80% 50% / .11); color: hsl(322 75% 46%); }
body[data-app-design="galaxy"] .site-footer {
  background:
    radial-gradient(700px 320px at 88% -20%, hsl(265 80% 40% / .35), transparent 64%),
    linear-gradient(180deg, hsl(268 60% 18%), hsl(270 55% 10%));
  color: hsl(266 30% 94%);
}
body[data-app-design="galaxy"] .footer-brand .brand-text strong { color: hsl(266 30% 96%); }
body[data-app-design="galaxy"] .footer-about { color: hsl(266 20% 92% / .68); }
body[data-app-design="galaxy"] .footer-title .icon { color: hsl(295 80% 72%); }
body[data-app-design="galaxy"] .footer-phones a:hover,
body[data-app-design="galaxy"] .footer-links a:hover { color: hsl(295 85% 78%); }
body[data-app-design="galaxy"] .footer-links a { color: hsl(266 20% 92% / .8); }
body[data-app-design="galaxy"] .footer-address { color: hsl(266 20% 92% / .68); }
body[data-app-design="galaxy"] .footer-sep { background: hsl(295 60% 70% / .18); }
body[data-app-design="galaxy"] .footer-bottom p { color: hsl(266 15% 92% / .5); }
body[data-app-design="galaxy"] .footer-site {
  background: hsl(265 60% 30% / .5);
  border-color: hsl(295 50% 55% / .35);
  color: hsl(266 30% 95%);
}
body[data-app-design="galaxy"] .footer-site:hover { background: hsl(265 60% 34% / .7); }
body[data-app-design="galaxy"] .badge-outline {
  background: hsl(265 82% 58% / .08);
  border-color: hsl(265 82% 58% / .3);
  color: hsl(268 60% 45%);
}
html[data-theme="dark"] body[data-app-design="galaxy"] .badge-outline { color: hsl(266 50% 78%); }
body[data-app-design="galaxy"] ::selection { background: hsl(265 85% 60% / .25); }


/* ═══════════════ حالت چاپ — طراحی‌ها بی‌اثر ═══════════════ */
@media print {
  body[data-app-design] {
    background: none !important;
  }
}