@import "tailwindcss";

@theme {
  --color-primary: #ffc800;
  --color-accent: #1a1a1a;
  --color-surface: #f7f7f7;
  --color-ink: #4d4d4d;
  --font-sans: "Vazirmatn", system-ui, sans-serif;
  --font-display: "Estedad", "Vazirmatn", system-ui, sans-serif;
}

:root {
  --primary: #ffc800;
  --accent: #1a1a1a;
  --surface: #f7f7f7;
  --ink: #4d4d4d;
}

@layer base {
  body {
    background: var(--surface);
    color: #4d4d4d;
    font-family: "Vazirmatn", system-ui, sans-serif;
    line-height: 1.75;
  }
}