/* ============================================================
   THEME: Dark Luxury (فاخر داكن)
   Warm charcoal + copper/amber + a whisper of maroon.
   Suits: fine dining, upscale restaurants.

   This file defines ONLY color + typography tokens.
   All structural/behavioral CSS lives in engine.css — swap this
   file for another theme-*.css to completely reskin the site.

   --overlay / --overlay-text / --ink stay dark/light in EVERY
   theme — they drive the hero photo, nav, preloader and reserve
   sections, which must keep dark-photo + light-text contrast
   regardless of whether the page itself is a light or dark theme.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&family=Amiri:ital,wght@0,400;0,700;1,400&family=Tajawal:wght@300;400;500;700&display=swap');

:root {
  --noir: #15110d;
  --noir-2: #1d1712;
  --cream: #f3ead9;
  --muted: #a8998a;
  --gold: #b8703f;       /* copper accent */
  --gold-soft: #e0a878;  /* warm amber highlight */
  --maroon: #5c2a2a;

  --overlay: #15110d;       /* hero/nav/preloader/reserve dark surface */
  --overlay-text: #f3ead9;  /* text sitting on --overlay */
  --ink: #15110d;           /* text sitting on --gold buttons */

  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Jost', system-ui, sans-serif;
}

html[lang="ar"] {
  --serif: 'Amiri', 'Cormorant Garamond', serif;
  --sans: 'Tajawal', 'Jost', system-ui, sans-serif;
}