@font-face {
  font-family: 'BTITRBD';
  src: url('BTITRBD.woff2') format('woff2'),
       url('BTITRBD.woff') format('woff'),
       url('BTITRBD.woff') format('eot'),
       url('BTITRBD.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


/* تم‌ها با استفاده از data-theme روی عنصر html */
html[data-theme='gradient'] {
  --bg: linear-gradient(180deg, #1f034b 0%, #2b2b8a 50%, #0ea5e9 100%);
  --card: rgba(255, 255, 255, 0.06);
  --text: #f8fafc;
  --muted: rgba(248, 250, 252, 0.7);
  --accent: #8b5cf6;
  --accent2: #6366f1;
  --danger: #ff4d6d;
  background: var(--bg) fixed;
}

/* متون در باکس کد */
html[data-theme='gradient'] .code-box {
  color: #1b3643;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

/* دکمه‌ها */
html[data-theme='gradient'] .btn {
  background: linear-gradient(90deg, var(--accent2), var(--accent));
  color: #fff !important;
  border: none;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.25);
  transition: all 0.25s ease;
}

html[data-theme='gradient'] .btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(99, 102, 241, 0.35);
}

/* دکمه‌های اوت‌لاین */
html[data-theme='gradient'] .btn-outline {
  background: transparent;
  border: 2px solid var(--accent);
  color: #fff !important;
  transition: all 0.25s ease;
}

html[data-theme='gradient'] .btn-outline:hover {
  background: color-mix(in srgb, var(--accent) 20%, transparent);
}


html[data-theme='classic']{
  --bg:#f6f9fc;--card:#fff;--text:#0f1724;--muted:#6b7280;--accent:#007BFF;--danger:#e02424
}

html[data-theme='dark']{
  --bg:#0b1220;--card:#071227;--text:#e6eef8;--muted:#9aa4b2;--accent:#60a5fa;--danger:#ff6b6b
}

html[data-theme='emdadi'] {
  --bg: #0c1a2b;
  /* سرمه‌ای تیره */
  --card: #142b45;
  /* کمی روشن‌تر برای بخش‌ها */
  --text: #f8f9fa;
  /* سفید نرم */
  --muted: #a0b3c5;
  /* خاکستری مایل به آبی */
  --accent: #007BFF;
  /* آبی رسمی */
  --accent-2: #ffd54a;
  /* زرد ملایم */
  --danger: #ff5c5c;
  background-color: var(--bg);
  color: var(--text);
}

/* دکمه‌ها – آبی با درخشش زرد */
html[data-theme='emdadi'] .btn {
  background: var(--accent);
  color: #fff;
  font-weight: 600;
  border: 2px solid var(--accent-2);
  border-radius: 10px;
  box-shadow: 0 0 12px rgba(255, 213, 74, 0.3);
  transition: all 0.25s ease;
}

html[data-theme='emdadi'] .btn:hover {
  background: linear-gradient(90deg, var(--accent), #0056d2);
  box-shadow: 0 0 18px rgba(255, 213, 74, 0.5);
  transform: translateY(-2px);
}

/* برند */
html[data-theme='emdadi'] .brand {
  color: var(--accent-2);
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* کارت‌ها */
html[data-theme='emdadi'] .card {
  background: var(--card);
  border-radius: 15px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.25);
  padding: 1rem;
  border: 1px solid rgba(255, 213, 74, 0.1);
}


/* چند تغییر کوچک برای تم gradient و emdadi */
html[data-theme='gradient'] .card{background:rgba(255,255,255,0.04);box-shadow:none}