@import url('https://cdn.jsdelivr.net/gh/rastikerdar/iran-sans/css/iran-sans.min.css');

:root {
  color-scheme: dark;
}
:root {
  --radius: 0.75rem;
  --font-size: 16px;
  --background: 10 15 13;
  --foreground: 232 245 240;
  --card: 17 25 22;
  --card-foreground: 232 245 240;
  --popover: 17 25 22;
  --popover-foreground: 232 245 240;
  --primary: 16 185 129;
  --primary-foreground: 255 255 255;
  --secondary: 6 95 70;
  --secondary-foreground: 255 255 255;
  --muted: 26 38 34;
  --muted-foreground: 148 163 184;
  --accent: 52 211 153;
  --accent-foreground: 10 15 13;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --ring: 16 185 129;
  --input-background: 17 25 22;
  --switch-background: 26 38 34;
  --sidebar: 17 25 22;
  --sidebar-foreground: 232 245 240;
  --sidebar-primary: 16 185 129;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 26 38 34;
  --sidebar-accent-foreground: 232 245 240;
  --border: 16 185 129;
  --input: 16 185 129;
}

html { font-size: var(--font-size); }
body { margin:0; font-family: 'IRANSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

.toast-container {
  position: fixed;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  width: min(520px, calc(100% - 2rem));
}

.toast {
  background: rgb(var(--card) / 1);
  border: 1px solid rgb(var(--primary) / .25);
  color: rgb(var(--foreground) / 1);
  border-radius: 0.75rem;
  padding: .9rem 1rem;
  box-shadow: 0 10px 30px rgb(0 0 0 / .35);
  display: flex;
  align-items: flex-start;
  gap: .75rem;
}
.toast .dot {
  width: .6rem;
  height: .6rem;
  border-radius: 999px;
  background: rgb(var(--primary) / 1);
  margin-top: .35rem;
  flex: 0 0 auto;
}
.toast .title {
  font-weight: 600;
}
.toast .msg {
  color: rgb(var(--muted-foreground) / 1);
  margin-top: .15rem;
  line-height: 1.7;
  font-size: .95rem;
}