/* ============================================================================
   HOTEL EVE JAZZ - DARK THEME

   Based on https://www.hotelevejazz.com/
   ============================================================================ */

/* FONTS
   Instrument Serif (heading) - Google Fonts
   Cormorant Garamond (body) - Google Fonts
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Instrument+Serif&display=swap');

:root {
  /* ========================================================================
     BRAND COLORS - Hotel Eve Jazz
     ======================================================================== */

  --color-brand: rgb(13, 37, 24);               /* Hunter green from logo */
  --color-brand-secondary: rgb(169, 193, 180);     /* lighter green */


  /* ========================================================================
     NEUTRAL COLORS - Dark theme
     ======================================================================== */

  --color-light: rgb(220, 215, 200);   /* Cream for light elements */
  --color-dark: rgb(6, 15, 12);       /* Darker green for backgrounds */
  --color-white: rgb(255, 255, 255);   /* Pure white */
  --color-black: rgb(0, 0, 0);         /* Pure black */


  /* ========================================================================
     FONT FAMILIES
     ======================================================================== */

  --font-family-heading: "Instrument Serif", serif;
  --font-family-body: "Cormorant Garamond", serif;
  --font-family-nav: "Instrument Serif", serif;


  /* ========================================================================
     BUTTON STYLING
     ======================================================================== */

  --button-primary-color: var(--color-brand-secondary);
  --button-primary-label-color: var(--color-dark);  /* Cream text on green button */
  --button-primary-font-family: var(--font-family-heading);


  /* ========================================================================
     HEADER & NAVIGATION
     ======================================================================== */

  --header-primary-color: var(--color-brand);
  --header-line-color: var(--color-brand);
  --header-link-color: var(--color-light);
  --header-link-color-hover: var(--color-white);
  --header-logo-width: 200px;

  --primary-nav-font-family: var(--font-family-nav);
  --primary-nav-font-size: 18px;
  --primary-nav-font-weight: 600;


  /* ========================================================================
     THEME COLORS
     ======================================================================== */

  --primary-theme-color: var(--color-light);
  --secondary-theme-color: var(--color-light);


  /* ========================================================================
     CALENDAR
     ======================================================================== */

  --calendar-primary-color: var(--color-black);
  --calendar-secondary-color: var(--color-white);


  /* ========================================================================
     TYPOGRAPHY
     ======================================================================== */

  --primary-heading-font-family: var(--font-family-heading);
  --primary-text-font-family: var(--font-family-body);
  --show-date-font-family: var(--font-family-heading);


  /* ========================================================================
     FOOTER
     ======================================================================== */

  --footer-primary-color: var(--color-brand);


  /* ========================================================================
     GUEST UI - DARK MODE VARIABLES
     ======================================================================== */

  /* Body & Backgrounds */
  --g-body-primary: var(--color-brand);
  --g-bg-input: var(--color-dark);

  /* Checkout Sidebar */
  --g-body-checkout-sidebar: var(--color-dark);

  /* Text & Foreground */
  --g-fg-primary: var(--color-white);
  --g-fg-disclaimer: var(--color-white);

  /* Header */
  --g-header-primary: var(--color-brand);
  --g-header-link: var(--color-light);
  --g-header-link-hover: var(--color-white);

  /* Tables */
  --g-table-available: var(--color-brand-secondary);
  --g-table-disabled: var(--color-dark);
  --g-table-notFitMinimum: var(--color-dark);

  /* Calendar */
  --g-calendar-bg-active: var(--color-black);
  --g-calendar-fg-active: var(--color-white);
  --g-calendar-perf-link: var(--color-white);

  /* Borders */
  --g-border-color: rgba(220, 215, 200, 0.3);  /* Subtle transparent brand green */


  /* ========================================================================
     DARK MODE FLAG
     ======================================================================== */

  --mode: dark;
}