/* M-agenty Exact Design Tokens — Pure Matte Black/Charcoal + Subtle Emerald */
@font-face {
  font-family: 'Vazirmatn';
  src: url('../assets/fonts/Vazirmatn-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../assets/fonts/Vazirmatn-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('../assets/fonts/Vazirmatn-Bold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root, [data-theme=dark], [data-theme=light] {
  --font: 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --base: #070707;
  --sidebar-bg: #0c0c0e;
  --surface-1: #131316;
  --surface-2: #18181c;
  --surface-3: #222227;
  --text: #f2f2f5;
  --muted: #8e8e98;
  --faint: #575760;
  --glass: #131316;
  --glass-2: #18181c;
  --glass-3: #202025;
  --stroke: rgba(255, 255, 255, 0.07);
  --line: rgba(255, 255, 255, 0.06);
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.7);
  --hl: rgba(255, 255, 255, 0.04);
  --accent: #10b981;
  --accent-soft: rgba(16, 185, 129, 0.14);
  --green: #10b981;
  --red: #ef4444;
  --orange: #f59e0b;
  --violet: #34d399;
  --dot: #0c0c0e;
}