@import "tailwindcss";

@theme {
  --color-primary: #374151;
  --color-accent: #EF4444;
  --color-surface: #F9FAFB;
  --color-ink: #111827;
  --font-sans: "Vazirmatn", system-ui, sans-serif;
  --font-display: "Estedad", "Vazirmatn", system-ui, sans-serif;
}

:root {
  --primary: #374151;
  --accent: #EF4444;
  --surface: #1A1A1A;
  --surfaceMuted: #2a2a2a;
  --ink: #F5F5F0;
  --inkMuted: rgba(245, 245, 240, 0.6);
  --muted: rgba(245, 245, 240, 0.4);
  --error: #EF4444;
  --border: rgba(255, 255, 255, 0.1);
  --shadow: rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 20px rgba(200, 16, 46, 0.5);
  --color-text: #F5F5F0;
}