@font-face {
  font-display: swap;
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/estedad/estedad-arabic-400.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/estedad/estedad-arabic-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/estedad/estedad-arabic-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/fonts/estedad/estedad-arabic-800.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/fonts/estedad/estedad-arabic-900.woff2') format('woff2');
}

:root {
  --font-family: 'Estedad', Tahoma, ui-sans-serif, system-ui, sans-serif;
  --color-primary: #0EA678;
  --color-primary-hover: #0B8C66;
  --color-primary-active: #087756;
  --color-primary-soft: #DFF8EF;
  --color-primary-soft-2: #F0FCF7;
  --color-accent: #38BDF8;
  --color-accent-hover: #0EA5E9;
  --color-accent-soft: #E0F2FE;
  --color-bg: #FFFFFF;
  --color-bg-soft: #F8FAFC;
  --color-surface: #FFFFFF;
  --color-surface-muted: #F1F5F9;
  --color-text: #111827;
  --color-text-muted: #64748B;
  --color-text-soft: #94A3B8;
  --color-border: #E2E8F0;
  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --color-danger: #DC2626;
  --color-info: #38BDF8;
  --shadow-soft: 0 16px 40px rgba(15, 23, 42, 0.08);
  --shadow-card: 0 10px 30px rgba(14, 166, 120, 0.12);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  /* منوی کناری — همیشه تیره تا از محتوای اصلی جدا باشد */
  --sidebar-bg: #10203A;
  --sidebar-bg-deep: #0B1830;
  --sidebar-border: rgba(148, 163, 184, 0.16);
  --sidebar-text: #A6B6CB;
  --sidebar-text-strong: #EEF3F9;
  --sidebar-icon-bg: rgba(148, 163, 184, 0.13);
  --sidebar-hover: rgba(148, 163, 184, 0.1);
  --sidebar-active-bg: rgba(14, 166, 120, 0.2);
  --sidebar-active-text: #4ADE97;

  --topbar-bg: rgba(248, 250, 252, 0.85);
}

/* ─── حالت تاریک پنل ─── */
[data-theme='dark'] {
  --color-bg: #0B1120;
  --color-bg-soft: #0D1526;
  --color-surface: #16223A;
  --color-surface-muted: #22304C;
  --color-text: #E7EEF7;
  --color-text-muted: #9DB0C7;
  --color-text-soft: #6B7E97;
  --color-border: #263650;
  --color-primary-soft: rgba(14, 166, 120, 0.2);
  --color-primary-soft-2: rgba(14, 166, 120, 0.1);
  --color-primary-active: #36D69C;
  --color-accent-soft: rgba(56, 189, 248, 0.16);
  --shadow-soft: 0 16px 40px rgba(0, 0, 0, 0.45);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4);

  --sidebar-bg: #0C1526;
  --sidebar-bg-deep: #091120;

  --topbar-bg: rgba(13, 21, 38, 0.85);
}

html { scroll-behavior: smooth; }

/* ── Themed scrollbar ── */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(14, 166, 120, 0.55) transparent;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(14, 166, 120, 0.6), rgba(8, 119, 86, 0.6));
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(14, 166, 120, 0.9), rgba(8, 119, 86, 0.9));
  background-clip: padding-box;
}
::-webkit-scrollbar-corner {
  background: transparent;
}