/* ========================================================================
   Earls Kitchen + Bar – Organization Theme
   ========================================================================
   Loaded dynamically via <link> when an Earls page is viewed.
   Uses --hc-* CSS custom properties consumed by the Honeycomb web-plugin.
   ======================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap');

:root {
  /* === Typography === */
  --hc-font-family: 'DM Sans', sans-serif;
  --hc-font-family-heading: 'Playfair Display', serif;
  --hc-font-family-body: 'DM Sans', sans-serif;

  /* === Brand Colors === */
  --hc-color-primary: #002D40;
  --hc-color-primary-light: #003D56;
  --hc-color-accent: #9C7942;
  --hc-color-accent-light: #B8944F;
  --hc-color-text: #002D40;
  --hc-color-text-muted: #5A6B75;

  /* === Backgrounds === */
  --hc-bg-page: #FAFBFA;
  --hc-bg-card: #FFFFFF;
  --hc-bg-header: #002D40;
  --hc-bg-footer: #F5F3EF;

  /* === Borders & Radii === */
  --hc-border-color: #E5E0D8;
  --hc-border-radius: 4px;

  /* === Hover / Interaction === */
  --hc-hover-bg: linear-gradient(to right, #F0EBE3, #E8E0D4);
  --hc-hover-text: #002D40;

  /* === Header Gradient Overlay === */
  --hc-header-gradient: linear-gradient(to top, rgba(0,45,64,0.75), transparent);

  /* === Accent Bar (section marker) === */
  --hc-accent-bar-color: #9C7942;
}