@import "tailwindcss";

:root {
  --background: #fff9f3;
  --foreground: #4a211f;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-body);
  --font-heading: var(--font-heading);

  /* Brand palette v2 — Deep Wine / Champagne Gold boutique-gifting theme (per Vijay's
     recolor brief). Warm ivory backgrounds, deep wine primary, rose-pink secondary,
     champagne gold accents. Overriding Tailwind's built-in `rose` scale means every
     existing rose-* utility class site-wide (buttons, prices, borders, links) picks
     this up automatically. Previous (blush-pink) values: background #fdf6f4,
     rose-700 #7a2435, rose-800 #6b1e2d, rose-900 #5a1727, gold-400 #c49a45 — restore
     those plus foreground #2f211b and stone-600 #75665d to roll back. */
  --color-rose-50: #f8dde3; /* Soft Blush — light accent panels (used lightly) */
  --color-rose-100: #e8c5cc; /* Soft Rose — borders */
  --color-rose-200: #e0a8b8;
  --color-rose-300: #dd86a0;
  --color-rose-400: #d45e82;
  --color-rose-500: #d91e5b; /* Rose Pink — secondary brand, discount badges */
  --color-rose-600: #b81a4e;
  --color-rose-700: #a61945; /* Deep Wine — primary buttons/CTA, active menu, prices */
  --color-rose-800: #861336; /* Dark Wine — header/logo, hover-darken */
  --color-rose-900: #6e102c; /* Darkest Wine — deepest emphasis */

  /* Champagne Gold — secondary accent (menu hover/underline, discount badges, borders). */
  --color-gold-50: #fbf3e2;
  --color-gold-100: #f1e0b8;
  --color-gold-200: #e5c988;
  --color-gold-300: #d7b25e;
  --color-gold-400: #c9952e; /* Champagne Gold */
  --color-gold-500: #a9781f; /* Gold hover */
  --color-gold-600: #8a6219;
  --color-gold-700: #6b4a13;

  /* Secondary/warm-grey text. */
  --color-stone-600: #756565;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-body), Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-heading), Georgia, serif;
}