/* Fresh Market Theme — adapted from shoppie template */

@font-face {
  font-family: 'ClashDisplay';
  src: url('/fonts/ClashDisplay-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.fresh-market {
  /* Colors */
  --fm-bg-white: hsla(0, 0%, 100%, 1);
  --fm-bg-gainsboro: hsla(154, 10%, 86%, 1);
  --fm-bg-wild-blue-yonder: hsla(227, 39%, 75%, 1);
  --fm-bg-orange: hsla(18, 97%, 62%, 1);
  --fm-bg-roman-silver-alpha: hsla(210, 9%, 57%, 0.3);

  --fm-text-orange: hsla(18, 97%, 62%, 1);
  --fm-text-eerie-black: hsla(210, 11%, 15%, 1);
  --fm-text-black: hsla(0, 0%, 7%, 1);

  --fm-border-black: hsla(0, 0%, 7%, 1);

  /* Typography */
  --fm-font-body: 'Inter', sans-serif;
  --fm-font-display: 'ClashDisplay', cursive;

  /* Shadows */
  --fm-shadow-soft: 0 4px 6px hsla(256, 100%, 9%, 0.1);
  --fm-shadow-hard: 4px 4px 0px hsla(0, 0%, 7%, 1);
  --fm-shadow-small: 2px 2px 0px hsla(0, 0%, 7%, 1);

  /* Transitions */
  --fm-transition-fast: 250ms ease;
  --fm-transition-slow: 500ms ease;

  font-family: var(--fm-font-body);
  color: var(--fm-text-black);
  background-color: var(--fm-bg-white);
}