/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@import "tailwindcss";

/* La Maison Brand Color System & Typography */
@theme {
  /* Colors */
  --color-maison-white: #f6f3ee;
  --color-maison-linen: #ece6dd;
  --color-maison-stone: #d6d1c9;
  --color-maison-charcoal: #2e2e2c;
  --color-maison-clay: #b08a6e;
  --color-maison-terracotta: #c07a5a;
  --color-maison-sage: #8fa89a;

  /* Fonts */
  --font-family-display: "Bodoni Moda", serif;
  --font-family-body: "Inter", system-ui, sans-serif;
}

/* La Maison Typography Utilities */

/* Display font - Bodoni Moda (H1-H3, Hero, Quotes) */
.font-display {
  font-family: "Bodoni Moda", serif;
}

/* Body font - Inter (UI, Paragraphs, Navigation, Buttons) */
.font-body {
  font-family: "Inter", system-ui, sans-serif;
}

/* Legacy logo font class */
.font-logo {
  font-family: "Bodoni Moda", serif;
}