@font-face {
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bs-font-sans-serif: 'Vazirmatn', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-font-family: var(--bs-font-sans-serif);
}

[data-bs-theme="light"] {
  --bs-body-bg: #f6f6f7;
  --bs-body-bg-rgb: 246, 246, 247;
}

body {
  font-family: var(--bs-body-font-family);
}

::-webkit-scrollbar {
  width: 16px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--bs-border-color-translucent);
  border: 1px solid var(--bs-body-bg);
  border-radius: 4px;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track {
  background-color: var(--bs-body-bg);
}



.note-textarea {
  resize: none;
  overflow: hidden;
  border: none;
  background: transparent;
  outline: none;
  padding: 0;
  line-height: 1.5;
  width: 100%;
}

.note-actions {
  visibility: hidden;
  opacity: 0;
}

.note-row:hover .note-actions {
  visibility: visible;
  opacity: 1;
}

.dial-btn {
  opacity: 0.5;
}

.dial-btn:hover {
  opacity: 1;
}

/* Event items */
.event-item {
  line-height: 1rem;
  padding: 1px 0;
  font-size: .8rem;
  position: relative;
}

.border-transparent {
  border-color: transparent !important;
}

.birthday-event::after {
  content: ' 🎂';
}

.celebrate-event::after {
  content: ' 🎉'
}

/* Background picker grid */
.bg-picker-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.bg-picker-item {
  overflow: hidden;
}

.bg-picker-item:hover {
  border-color: var(--bs-secondary) !important;
}

.bg-preview {
  height: 60px;
  min-height: 60px;
}

/* Invert icons for dark mode */
[data-bs-theme="dark"] .dial-btn img,
[data-bs-theme="dark"] .btn-add-flat img,
[data-bs-theme="dark"] .note-actions img {
  filter: invert(1);
}