/* ============================================================================
   SALINGER'S ORCHARD — Light Theme

   Family-owned Hudson Valley orchard (est. 1901). Rustic, heritage palette:
   bark brown + orchard-foliage olive on warm cream, with classic serif type.

   Brand colors : #583B1F bark brown · #7E7B46 orchard olive · warm cream/beige
   Fonts        : Baskerville Display PT (headings) + Freight Text Pro (body/nav)
                  via Adobe Fonts — see FONTS note below to activate the kit.
   Source       : https://www.salingersorchards.com/
   ============================================================================ */

/* FONTS — Salinger's Orchard brand fonts via Adobe Fonts (Typekit):
     Baskerville Display PT (headings) + Freight Text Pro (body & nav).
   Kit deu2pbp mirrors the venue's own site (salingersorchards.com). */
@import url("https://use.typekit.net/deu2pbp.css");

:root {
  /* ========================================================================
     BRAND COLORS - Salinger's Orchard (bark brown + orchard olive)
     ======================================================================== */

  --color-brand: rgb(88, 59, 31);              /* Bark brown (buttons, links, accents) */
  --color-brand-secondary: rgb(126, 123, 70);  /* Orchard olive (secondary accent, hovers) */


  /* ========================================================================
     NEUTRAL COLORS - Warm light theme (cream + espresso)
     ======================================================================== */

  --color-light: rgb(234, 230, 225);   /* Warm cream for backgrounds */
  --color-dark: rgb(51, 38, 28);       /* Deep espresso brown for text */
  --color-white: rgb(255, 255, 255);   /* Pure white */
  --color-black: rgb(0, 0, 0);         /* Pure black */


  /* ========================================================================
     FONT FAMILIES - Baskerville Display PT + Freight Text Pro (Adobe Fonts)
     ======================================================================== */

  --font-family-heading: "baskerville-display-pt", serif;   /* Headers and titles */
  --font-family-body: "freight-text-pro", serif;            /* Body text */
  --font-family-nav: "freight-text-pro", 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-heading);


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

  --header-primary-color: var(--color-light);              /* Header background (matches cream body) */
  --header-line-color: transparent;                        /* Header border hidden */
  --header-link-color: var(--color-dark);                  /* Header links */
  --header-link-color-hover: var(--color-brand-secondary); /* Olive on hover */
  --header-logo-width: 250px;                              /* Logo width */

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


  /* ========================================================================
     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-light);   /* Warm cream page background */


  /* ========================================================================
     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 (Optional)
     Light themes typically need minimal guest UI overrides
     ======================================================================== */

  --g-bg-input: var(--color-light);              /* Input field backgrounds */
  --g-body-checkout-sidebar: rgb(222, 214, 200); /* Warm sand — distinct from cream body */
}