/* ============================================================================
   JAZZ AT THE OXFORD — Bend, Oregon

   Intimate jazz venue at the Oxford Hotel in Bend. Sophisticated, refined
   hospitality brand pairing live music with elevated service.

   Brand: Forest green (#316055) primary, dark brown (#4C3527) secondary,
          Lora serif headings + Libre Franklin sans-serif body.
   Source: https://www.oxfordcollection.com/hotels/hotel-bend/bend-oregon-hotel/jazz-at-the-oxford
   ============================================================================ */

/* FONTS — Lora (serif) + Libre Franklin (sans-serif) via Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400&family=Libre+Franklin:wght@300;400;600;700&display=swap');

:root {
  /* ========================================================================
     BRAND COLORS — Oxford Collection forest green + warm brown
     ======================================================================== */

  --color-brand: #316055;            /* Primary forest green (buttons, links, accents) */
  --color-brand-secondary: #4C3527;  /* Secondary warm brown */


  /* ========================================================================
     NEUTRAL COLORS — Light theme defaults
     ======================================================================== */

  --color-light: rgb(242, 242, 242);   /* Light gray for backgrounds */
  --color-dark: rgb(38, 38, 38);       /* Dark gray for text */
  --color-white: rgb(255, 255, 255);   /* Pure white */
  --color-black: rgb(0, 0, 0);         /* Pure black */


  /* ========================================================================
     FONT FAMILIES — Lora serif headings, Libre Franklin sans-serif body
     ======================================================================== */

  --font-family-heading: "Lora", serif;                  /* Headers and titles */
  --font-family-body: "Libre Franklin", sans-serif;      /* Body text */
  --font-family-nav: "Libre Franklin", sans-serif;       /* Navigation menu */


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

  --button-primary-color: var(--color-brand);
  --button-primary-label-color: var(--color-white);
  --button-primary-font-family: var(--font-family-nav);


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

  --header-primary-color: var(--color-brand);        /* Header background */
  --header-line-color: var(--color-dark);            /* Header border */
  --header-link-color: var(--color-light);            /* Header links */
  --header-link-color-hover: var(--color-light);     /* Header links on hover */
  --header-logo-width: 150px;                        /* Logo width */

  --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-brand);
  --secondary-theme-color: var(--color-brand-secondary);
  --primary-theme-bg-color: var(--color-white);


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

  --calendar-primary-color: var(--color-dark);
  --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 OVERRIDES
     ======================================================================== */

  --g-bg-input: var(--color-light);              /* Input field backgrounds */
  --g-body-checkout-sidebar: var(--color-light); /* Checkout sidebar background */
}