@import "tailwindcss";

/* Theme tokens — آبی مینیمال */
@theme {
  --color-primary: #2563EB;
  --color-accent: #10B981;
  --color-surface: #FAFAFA;
  --color-ink: #111827;
  --color-ink-muted: #6B7280;
  --font-sans: "Vazirmatn", system-ui, sans-serif;
  --font-display: "Estedad", "Vazirmatn", system-ui, sans-serif;
}

/* Legacy alias variables — referenced by Section components. */
:root {
  --surface: #FAFAFA;
  --surfaceMuted: #F3F4F6;
  --ink: #111827;
  --inkMuted: #6B7280;
  --accent: #2563EB;
  --accentGreen: #10B981;
  --muted: #9CA3AF;
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --border: rgba(17,24,39,0.08);
  --shadow: rgba(17,24,39,0.08);
  --color-text: #374151;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { font-family: var(--font-sans); color: var(--color-ink); background: var(--color-surface); }
#root { min-height: 100vh; }