@import url('./fonts.css');
@import url('./css/design-system.css');

/* Global base — all other styles inherit from design-system.css */

html, body {
  font-family: 'Estedad', 'Vazirmatn', Tahoma, sans-serif;
  background: var(--ds-bg);
  color: var(--ds-text);
  direction: rtl;
  min-height: 100vh;
}

/* Override Bootstrap link color (theme-aware) */
a { color: var(--ds-text-accent); }

/* Remove default focus rings in favor of custom ones */
:focus-visible {
  outline: 2px solid var(--ds-brand-500);
  outline-offset: 2px;
}

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Selection */
::selection {
  background: rgba(59, 130, 246, 0.35);
  color: var(--ds-text);
}

.content { padding-top: 1rem; }
h1:focus { outline: none; }

/* Blazor error boundary */
.blazor-error-boundary {
  background: var(--ds-elevated);
  border-right: 4px solid var(--ds-rose);
  color: var(--ds-text);
  padding: 1rem 1rem 1rem 3.7rem;
  border-radius: var(--ds-r-md);
}
.blazor-error-boundary::after { content: "یک خطا رخ داده است." }