/* ==========================================================================
   Theme: LINEN — "Coffee by Day" (default, the original colour scheme)
   Linen pages, Midnight type, Earth accents, Midnight bands with Latte text.
   ========================================================================== */
:root {
  /* Surfaces */
  --bg:          var(--linen);    /* page, header, mobile nav, product & map boxes */
  --bg-alt:      #F3EFE7;         /* Menu page, Contact "Visit" band               */
  --surface:     var(--white);    /* review cards, menu cards, form fields          */
  --band:        var(--sand);     /* Locations, page-title band, image placeholders */
  --frame:       var(--linen);    /* 6px photo frames                               */
  --line:        #E3DCD0;         /* hairlines on surfaces                          */
  --field-line:  var(--sand);     /* form field border                              */
  --media-from:  #EFE3D5;         /* menu-card image gradient (ends at --band)      */

  /* Type */
  --text:        var(--midnight);
  --text-soft:   #5F5A52;         /* menu-card descriptions */
  --muted:       var(--olive);    /* meta text, notes       */
  --crumb:       var(--olive);    /* breadcrumb on --band   */
  --placeholder: #9A9184;
  --logo:        var(--midnight); /* header wordmark        */

  /* Actions */
  --primary:     var(--midnight); /* headings, buttons, links */
  --on-primary:  var(--linen);
  --heading-alt: var(--earth);    /* second line of the Home hero title */
  --accent:      var(--earth);    /* borders, dividers, icons, hovers   */
  --accent-text: var(--earth);    /* product names, prices, category titles */
  --on-accent:   var(--linen);

  /* Inverse bands: Highlights + footer */
  --inverse-bg:      var(--midnight);
  --inverse-heading: var(--latte);
  --inverse-text:    var(--linen);
  --inverse-em:      var(--linen);  /* highlighted word in the Highlights title */
  --inverse-stroke:  var(--earth);  /* brush under that word */
  --inverse-logo:    var(--latte);

  /* Details */
  --track:       var(--sand);     /* Menu category scrollbar */
  --track-fill:  var(--latte);
  --art-ink:     var(--midnight); /* outlines of the Home illustration + About icons */
  --art-shadow:  var(--sand);
}