/* Fonts */
@font-face {
  font-family: 'IRANSans';
  src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IRANSans';
  src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Theme variables (taken from the original project) */
:root {
  --font-size: 16px;
  --background: #0a1612;
  --foreground: #e8f5f0;
  --card: #0f1f1a;
  --card-foreground: #e8f5f0;
  --popover: #0f1f1a;
  --popover-foreground: #e8f5f0;
  --primary: #10b981;
  --primary-foreground: #ffffff;
  --secondary: #1a3329;
  --secondary-foreground: #a7f3d0;
  --muted: #14241f;
  --muted-foreground: #86efac;
  --accent: #065f46;
  --accent-foreground: #d1fae5;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --border: rgba(16, 185, 129, 0.2);
  --input: transparent;
  --input-background: #14241f;
  --switch-background: #1a3329;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: #10b981;
  --radius: 0.625rem;
}

html, body { height: 100%; }
body {
  margin: 0;
  font-family: 'IRANSans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: var(--font-size);
  background: var(--background);
  color: var(--foreground);
}

/* Make lucide <i> behave like icons */
i[data-lucide] svg { width: 100%; height: 100%; }

/* Simple toast */
.toast {
  min-width: 320px;
  max-width: 92vw;
  border: 1px solid rgba(16,185,129,.25);
  background: rgba(15,31,26,.92);
  backdrop-filter: blur(8px);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 20px 45px rgba(0,0,0,.35);
  display: flex;
  gap: 10px;
  align-items: flex-start;
  transform: translateY(-8px);
  opacity: 0;
  transition: all .22s ease;
}
.toast.show { transform: translateY(0); opacity: 1; }
.toast .title { font-weight: 700; font-size: 14px; margin: 0 0 2px 0; }
.toast .msg { margin: 0; font-size: 13px; opacity: .85; line-height: 1.6; }
.toast.error { border-color: rgba(220,38,38,.35); }
.toast.error .title { color: #fecaca; }
.toast.success .title { color: #a7f3d0; }