/* ============================================================================
   THE GUNTER HOTEL - Light Theme

   Historic San Antonio hotel & music venue.
   Brand: Deep navy palette with elegant script headings.
   Fonts: ED Lavonia (script heading), Jost (Futura alternative for nav/body)
   Source: https://thegunterhotel.com
   ============================================================================ */

/* FONTS - Futura PT via Adobe Typekit, ED Lavonia from S3/CDN */
@import url("https://use.typekit.net/lpn7frh.css");

@font-face {
  font-family: 'EDLavonia';
  src: url('https://assets-prod.turntabletickets.com/media/the-gunter-hotel/EDLavonia-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ========================================================================
     BRAND COLORS - The Gunter Hotel deep navy palette
     ======================================================================== */

  --color-brand: rgb(1, 41, 83);               /* #012953 - Night Blue (buttons, links, accents) */
  --color-brand-secondary: rgb(75, 118, 145);  /* #4B7691 - Denim */


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

  --color-light: rgb(255, 236, 223);   /* #FFECDF - Cream */
  --color-dark: rgb(42, 42, 43);       /* #2A2A2B - Vinyl Black */
  --color-white: rgb(255, 255, 255);   /* Pure white */
  --color-black: rgb(0, 0, 0);        /* Pure black */


  /* ========================================================================
     FONT FAMILIES - ED Lavonia script for headings, Jost for nav/body
     ======================================================================== */

  --font-family-heading: "futura-pt", sans-serif; /* Headings */
  --font-family-body: "futura-pt", sans-serif;         /* Body text */
  --font-family-nav: "futura-pt", 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-brand);   /* Header border */
  --header-link-color: var(--color-white);             /* Header links */
  --header-link-color-hover: var(--color-light);       /* Header links on hover */
  --header-logo-width: 180px;                         /* Logo width */

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


  /* ========================================================================
     THEME COLORS
     Used throughout the application for consistency
     ======================================================================== */

  --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-nav);


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

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


  /* ========================================================================
     GUEST UI OVERRIDES
     ======================================================================== */

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

  /* Borders */
  --g-border-color: rgba(1, 41, 83, 0.15);      /* Subtle Night Blue borders */
}