/* HF brand colors verified against hffoodsgroup.com global styles.
   Additional theme tints are catalog design choices, not official brand tokens. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&family=Work+Sans:wght@400;500;600;700;800&display=swap');

:root,
:root[data-theme="hf-light"],
:root[data-theme="custom"] {
  color-scheme: light;
  --brand: #005353;
  --brand-hover: #004444;
  --brand-soft: #edf6f5;
  --on-brand: #ffffff;
  --accent: #ffc306;
  --gold: #d0ae2b;
  --ink: #002e2e;
  --muted: #5f7072;
  --canvas: #f6f9f9;
  --paper: #ffffff;
  --line: #dfe8e8;
  --font-body: "Work Sans", "Segoe UI", Arial, sans-serif;
  --font-heading: "Work Sans", "Segoe UI", Arial, sans-serif;
  --font-display: "Roboto", "Work Sans", "Segoe UI", Arial, sans-serif;
  --shadow: 0 8px 32px rgb(0 46 46 / 5%);
  --radius: 16px;
}

:root[data-theme="fresh-market"] {
  --brand: #267649;
  --brand-hover: #1d603a;
  --brand-soft: #edf6ee;
  --accent: #ddae45;
  --ink: #23372a;
  --muted: #637367;
  --canvas: #f7faf6;
  --line: #e0e9dd;
  --shadow: 0 8px 32px rgb(35 55 42 / 5%);
}

:root[data-theme="coastal"] {
  --brand: #185b83;
  --brand-hover: #114767;
  --brand-soft: #ecf5fa;
  --accent: #27a5b7;
  --ink: #17384f;
  --muted: #5e7484;
  --canvas: #f5f9fc;
  --line: #dde7ef;
  --shadow: 0 8px 32px rgb(23 56 79 / 5%);
}

:root[data-theme="minimal"] {
  --brand: #384451;
  --brand-hover: #242f3c;
  --brand-soft: #eef1f4;
  --accent: #d0ae2b;
  --ink: #202830;
  --muted: #69747e;
  --canvas: #f7f8fa;
  --line: #e2e6eb;
  --shadow: 0 8px 32px rgb(32 40 48 / 4%);
}

:root[data-theme="custom"] {
  --brand-hover: color-mix(in srgb, var(--brand) 82%, #000000);
  --brand-soft: color-mix(in srgb, var(--brand) 7%, #ffffff);
  --accent: var(--brand);
}