/* ============================================================================
   Lumière — custom tenant theme.

   Refined seasonal bistro: deep forest green + warm brass gold (#c9a14a) over
   cream, with an elegant serif display (Cormorant Garamond) paired with a clean
   sans (Inter). Calm, premium, dark-first. Scoped to
   body[data-tenant="lumiere"], split into light/dark so the theme toggle keeps
   working.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');

/* ── Typography & shape (theme-independent) ───────────────────────────── */
body[data-tenant='lumiere'] {
  --font-family: 'Inter', system-ui, sans-serif;
  --mat-sys-body-large-font: 'Inter', sans-serif;
  --mat-sys-body-medium-font: 'Inter', sans-serif;
  --mat-sys-label-large-font: 'Inter', sans-serif;
  --mat-sys-title-large-font: 'Cormorant Garamond', Georgia, serif;
  --mat-sys-headline-small-font: 'Cormorant Garamond', Georgia, serif;
  --border-radius: 4px;
  --mat-sys-corner-small: 3px;
  --mat-sys-corner-medium: 4px;
  --mat-sys-corner-large: 6px;
  font-family: 'Inter', system-ui, sans-serif;
}

body[data-tenant='lumiere'] h1,
body[data-tenant='lumiere'] h2,
body[data-tenant='lumiere'] h3,
body[data-tenant='lumiere'] gastro-header .logo {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Nav: quiet, refined uppercase. */
body[data-tenant='lumiere'] gastro-nav a {
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.74rem;
  font-weight: 500;
}

/* Primary buttons: brass, restrained uppercase. */
body[data-tenant='lumiere'] .mat-mdc-raised-button,
body[data-tenant='lumiere'] .mat-mdc-unelevated-button,
body[data-tenant='lumiere'] button[mat-flat-button] {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
}

body[data-tenant='lumiere'] gastro-header .header {
  backdrop-filter: blur(10px);
}

/* ── Dark theme — forest & brass (primary look) ───────────────────────── */
body.dark[data-tenant='lumiere'] {
  --main-color: #c9a14a;
  --main-color-secondary: #d9b766;
  --secondary-color: #5e9a78;
  --tertiary-color: #5e9a78;
  --brand-gradient: linear-gradient(135deg, #c9a14a 0%, #8a6a1f 100%);
  --background-color: #11150f;
  --background-1-color: #181d15;
  --font-color: #f1ece0;

  --mat-sys-primary: #c9a14a;
  --mat-sys-on-primary: #1a1408;
  --mat-sys-primary-container: #4a3a10;
  --mat-sys-on-primary-container: #f0d79a;
  --mat-sys-secondary: #5e9a78;
  --mat-sys-on-secondary: #08160e;
  --mat-sys-secondary-container: #1c3a2a;
  --mat-sys-on-secondary-container: #b0e0c4;
  --mat-sys-tertiary: #5e9a78;
  --mat-sys-on-tertiary: #08160e;
  --mat-sys-surface-tint: #c9a14a;
  --mat-sys-background: #11150f;
  --mat-sys-on-background: #f1ece0;
  --mat-sys-surface: #11150f;
  --mat-sys-on-surface: #f1ece0;
  --mat-sys-surface-variant: #29302488;
  --mat-sys-on-surface-variant: #c6c4ba;
  --mat-sys-surface-container-lowest: #0b0e09;
  --mat-sys-surface-container-low: #161b15;
  --mat-sys-surface-container: #1a201a;
  --mat-sys-surface-container-high: #232a22;
  --mat-sys-surface-container-highest: #2c342b;
  --mat-sys-outline: #82897c;
  --mat-sys-outline-variant: #353b33;
}

/* ── Light theme — cream & forest ─────────────────────────────────────── */
body.light[data-tenant='lumiere'] {
  --main-color: #9a7820;
  --main-color-secondary: #b08f33;
  --secondary-color: #2f5d45;
  --tertiary-color: #2f5d45;
  --brand-gradient: linear-gradient(135deg, #c9a14a 0%, #8a6a1f 100%);
  --background-color: #f8f4ea;
  --background-1-color: #efe8d8;
  --font-color: #1c2018;

  --mat-sys-primary: #9a7820;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #f4e3b8;
  --mat-sys-on-primary-container: #3a2c05;
  --mat-sys-secondary: #2f5d45;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #c7e3d3;
  --mat-sys-on-secondary-container: #0c2418;
  --mat-sys-tertiary: #2f5d45;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-surface-tint: #9a7820;
  --mat-sys-background: #f8f4ea;
  --mat-sys-on-background: #1c2018;
  --mat-sys-surface: #f8f4ea;
  --mat-sys-on-surface: #1c2018;
  --mat-sys-surface-variant: #eae2cf;
  --mat-sys-on-surface-variant: #4f4c42;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f4eedf;
  --mat-sys-surface-container: #efe8d8;
  --mat-sys-surface-container-high: #e8e1cf;
  --mat-sys-surface-container-highest: #e1d9c5;
  --mat-sys-outline: #837c6a;
  --mat-sys-outline-variant: #d4cab2;
}