/* ============================================================================
   WINDMILLS CRAFTWORKS - LIGHT THEME
   ============================================================================ */

/* FONTS */
@import url("https://use.typekit.net/ryw6man.css");

:root {
  /* ========================================================================
     BRAND COLORS
     ======================================================================== */

  --color-brand: rgb(239, 127, 122);           /* Coral-red from Book Now buttons */
  --color-brand-secondary: var(--color-brand);  /*  */


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

  --color-light: rgb(250, 250, 250);   /* 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
     ======================================================================== */

  --font-family-heading: "neue-haas-unica", sans-serif;   /* Headers and titles */
  --font-family-body: "neue-haas-unica", sans-serif;       /* Body text */
  --font-family-nav: "neue-haas-unica", 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-heading);


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

  --header-primary-color: var(--color-dark);        /* Header background */
  --header-line-color: var(--color-white);           /* Header border */
  --header-link-color: var(--color-light);           /* Header links */
  --header-link-color-hover: var(--color-brand);    /* Header links on hover */
  --header-logo-width: 50px;                       /* 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-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 (Optional)
     Light themes typically need minimal guest UI overrides
     ======================================================================== */

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