@import "tailwindcss";

@theme {
  --color-gold: #b57a27;
  --color-gold-deep: #8d5b17;
  --color-gold-light: #d4a04a;
  --color-gold-pale: #fff7e8;

  --color-page-bg: #fffaf1;
  --color-shell-bg: rgba(255, 250, 241, 0.76);
  --color-panel-bg: rgba(255, 253, 247, 0.88);

  --color-text-main: #2f261d;
  --color-text-soft: #706251;
  --color-text-muted: #a89880;

  --color-card-rose: #fce4ec;
  --color-card-amber: #fff8e1;
  --color-card-mint: #e0f2f1;
  --color-card-sky: #e1f5fe;
  --color-card-violet: #f3e5f5;
  --color-card-peach: #fff3e0;

  --font-family-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

:root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  font-family: var(--font-family-sans);
}