@import "tailwindcss";

/* پالت لاکچری قهوه‌ای-طلایی کافه‌رستوران — luxury register */
@theme {
  --color-primary: #3B2A1E;
  --color-accent: #C9A35C;
  --color-surface: #120E0B;
  --color-ink: #F2E8DC;
  --color-ink-muted: rgba(242, 232, 220, 0.62);
  --font-sans: "Vazirmatn", system-ui, sans-serif;
  --font-display: "Estedad", "Vazirmatn", system-ui, sans-serif;
}

:root {
  /* چهار متغیر اصلی برند — مبنای همهٔ رنگ‌ها */
  --primary: #3B2A1E;
  --accent: #C9A35C;
  --surface: #120E0B;
  --ink: #F2E8DC;

  /* مشتقات */
  --surfaceMuted: #1B1512;
  --inkMuted: rgba(242, 232, 220, 0.62);
  --muted: rgba(242, 232, 220, 0.38);
  --border: rgba(255, 255, 255, 0.08);
  --success: #7EE787;
  --error: #FF8A8A;

  /* نام‌های هم‌سطح با پالت Tailwind برای سازگاری با کامپوننت‌های کیت */
  --color-primary: #3B2A1E;
  --color-accent: #C9A35C;
  --color-surface: #120E0B;
  --color-ink: #F2E8DC;
  --color-ink-muted: rgba(242, 232, 220, 0.62);
  --color-text: #F2E8DC;

  --font-sans: "Vazirmatn", system-ui, sans-serif;
  --font-display: "Estedad", "Vazirmatn", system-ui, sans-serif;
}

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

::selection { background: var(--accent); color: var(--surface); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
