/* ==========================================================
   EATWELL101 HOMEPAGE BRAND LAYER v0.1
   ========================================================== */

.ew21-hero {
  --ew21-white: var(--ew-white);
  --ew21-warm-white: var(--ew-warm-white);
  --ew21-ink: var(--ew-ink);
  --ew21-ink-soft: var(--ew-muted);
  --ew21-green: var(--ew-green);
  --ew21-green-hover: var(--ew-green-hover);
  --ew21-stone: var(--ew-stone);
  --ew21-border: var(--ew-border);
  --ew21-radius: var(--ew-radius);
}

#ew-discover-feed-v2 {
  --ew-v2-ink: var(--ew-ink);
  --ew-v2-muted: var(--ew-muted);
  --ew-v2-green: var(--ew-green);
  --ew-v2-line: var(--ew-border);
  --ew-v2-warm: var(--ew-warm-white);

  --ew-brand-ink: var(--ew-ink);
  --ew-brand-muted: var(--ew-muted);
  --ew-brand-soft: var(--ew-soft);
  --ew-brand-green: var(--ew-green);
  --ew-brand-green-hover: var(--ew-green-hover);
  --ew-brand-warm: var(--ew-warm-white);
  --ew-brand-stone: var(--ew-stone);
  --ew-brand-line: var(--ew-border-soft);
  --ew-brand-serif: var(--ew-font-serif);
  --ew-brand-sans: var(--ew-font-sans);
}

#ew-discover-feed-v2 .ew-kitchen-card--primary {
  background: var(--ew-warm-white);
  border-color: var(--ew-stone);
}

#ew-discover-feed-v2 .ew-kitchen-card--primary h2 {
  font-family: var(--ew-font-serif);
}

#ew-discover-feed-v2 .ew-kitchen-cta {
  background: var(--ew-green);
  border-color: var(--ew-green);
}

#ew-discover-feed-v2 .ew-vertical-card h3,
#ew-discover-feed-v2 .ew-compact-card h3,
#ew-discover-feed-v2 .ew-shelf-card h3,
#ew-discover-feed-v2 .ew-decision-hub h2,
#ew-discover-feed-v2 .ew-decision-label {
  font-family: var(--ew-font-sans);
}