/* تم‌های فدیا — creative: سبز لوگو + ترکیب شیک | classic = تم قبلی */

@import url("themes-classic.css");

/* ——— تم خلاق (الهام از لوگو — #aad082) ——— */
html,
html[data-theme="creative"],
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f6faf3;
  --bg-elevated: rgba(246, 250, 243, 0.94);
  --surface: #ffffff;
  --text: #1a2e22;
  --text-muted: rgba(26, 46, 34, 0.58);
  --text-subtle: rgba(26, 46, 34, 0.34);
  /* لوگو فدیا */
  --accent-bright: #aad082;
  --accent: #5f9a38;
  --accent-2: #2f6b52;
  --accent-3: #c9a84c;
  --accent-4: #5eb5a6;
  --accent-soft: rgba(170, 208, 130, 0.2);
  --accent-soft-2: rgba(47, 107, 82, 0.1);
  --glass: rgba(255, 255, 255, 0.86);
  --glass-border: rgba(95, 154, 56, 0.12);
  --glass-highlight: rgba(255, 255, 255, 0.98);
  --shadow:
    0 2px 10px rgba(47, 107, 82, 0.06),
    0 16px 48px rgba(26, 46, 34, 0.07);
  --shadow-lg: 0 24px 64px rgba(95, 154, 56, 0.14);
  --meta-theme: #f6faf3;
  --ring: rgba(95, 154, 56, 0.38);
  --aurora-1: #f4f7f1;
  --aurora-2: #f7f8f5;
  --aurora-3: #f2f6f5;
  --aurora-4: #f8f6f2;
  --dot-grid: rgba(130, 145, 125, 0.05);
  --ambient-blob-1: #eef2ea;
  --ambient-blob-2: #e8eef2;
  --ambient-blob-3: #f3efe8;
  --ambient-blob-4: #ecebf0;
  --ambient-blob-5: #e9f0eb;
  --ambient-streak: rgba(195, 205, 192, 0.2);
  --ambient-frame-stroke: rgba(185, 192, 180, 0.18);
  --ambient-particle-1: #dce4d6;
  --ambient-particle-2: #d6e2e8;
  --ambient-particle-3: #e6e2da;
  --ambient-blur: clamp(56px, 12vw, 112px);
  --ambient-fog-blur: clamp(36px, 6.5vw, 56px);
  --blob-opacity: 0.36;
  --blob-blend: normal;
  --frame-opacity: 0.11;
  --gradient-brand: linear-gradient(
    135deg,
    var(--accent-2) 0%,
    var(--accent) 38%,
    var(--accent-bright) 72%,
    var(--accent-3) 100%
  );
}

html[data-theme="creative"] .bg-aurora__wash,
html[data-theme="light"] .bg-aurora__wash {
  background:
    radial-gradient(ellipse 85% 55% at 8% -5%, var(--aurora-1), transparent 58%),
    radial-gradient(ellipse 72% 50% at 96% 8%, var(--aurora-4), transparent 52%),
    radial-gradient(ellipse 64% 46% at 86% 90%, var(--aurora-3), transparent 56%),
    radial-gradient(ellipse 58% 42% at 10% 94%, var(--aurora-2), transparent 54%),
    var(--bg);
}

html[data-theme="creative"] .btn-primary,
html[data-theme="light"] .btn-primary {
  background: var(--gradient-brand);
  color: #ffffff;
  box-shadow: 0 10px 28px rgba(47, 107, 82, 0.22);
}

html[data-theme="creative"] .btn-primary:hover,
html[data-theme="light"] .btn-primary:hover {
  box-shadow: 0 14px 36px rgba(95, 154, 56, 0.28);
}

html[data-theme="creative"] .btn-ghost:hover,
html[data-theme="light"] .btn-ghost:hover {
  border-color: color-mix(in srgb, var(--accent) 35%, var(--glass-border));
  background: var(--accent-soft);
  color: var(--accent-2);
}

html[data-theme="creative"] .glass-card:hover,
html[data-theme="light"] .glass-card:hover {
  border-color: color-mix(in srgb, var(--accent-bright) 35%, var(--glass-border));
}

html[data-theme="creative"] .catalog-sidebar__link.is-active,
html[data-theme="light"] .catalog-sidebar__link.is-active {
  background: var(--accent-soft);
  border-color: color-mix(in srgb, var(--accent) 28%, transparent);
  color: var(--accent-2);
}

html[data-theme="creative"] .section-eyebrow,
html[data-theme="light"] .section-eyebrow {
  color: var(--accent-2);
  letter-spacing: 0.14em;
}

html[data-theme="creative"] .catalog-sidebar__link:hover,
html[data-theme="light"] .catalog-sidebar__link:hover {
  color: var(--accent);
}

html[data-theme="creative"] .theme-switcher__btn.is-active,
html[data-theme="light"] .theme-switcher__btn.is-active {
  color: var(--accent-2);
  box-shadow: 0 2px 12px rgba(95, 154, 56, 0.16);
}

/* ——— سوئیچ تم ——— */
.theme-switcher {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 88%, var(--accent-soft));
  border: 1px solid var(--glass-border);
}

.theme-switcher__btn {
  appearance: none;
  border: none;
  background: transparent;
  color: var(--text-muted);
  font-family: inherit;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  padding: 0.38rem 0.72rem;
  border-radius: 999px;
  cursor: pointer;
  transition:
    background 0.25s var(--ease, ease),
    color 0.25s var(--ease, ease),
    box-shadow 0.25s var(--ease, ease);
}

.theme-switcher__btn:hover {
  color: var(--text);
}

.theme-switcher__btn.is-active {
  background: var(--surface);
  color: var(--accent-2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.catalog-sidebar__theme {
  margin-top: 0.65rem;
  display: flex;
  justify-content: center;
}

.footer-bar .theme-switcher {
  margin-inline-start: auto;
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 900px) {
  .nav-actions {
    order: 3;
  }
}