/* Generated by AIWF POC. */
:root {
  --color-ink: #12312A;
  --color-accent: #C4D82F;
  --color-paper: #F6F4EC;
  --color-clay: #CBB89A;
  --font-heading: Caveat, cursive;
  --font-body: Hanken Grotesk, sans-serif;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;
  --radius-small: 0.5rem;
  --radius-card: 1.5rem;
  --layout-content: 72rem;
  --layout-wide: 90rem;
}

/* component: hero-home */
.c-hero-home { padding: var(--space-xl) var(--space-md); max-width: var(--layout-wide); margin-inline: auto; }
.c-hero-home__title { max-width: 12ch; }


/* component: ingredient-list */
.c-ingredient-list { margin-block: var(--space-lg); }


/* component: recipe-card */
.c-recipe-card { border-radius: var(--radius-card); overflow: hidden; }
.c-recipe-card img { width: 100%; height: auto; display: block; }


/* component: recipe-grid */
.c-recipe-grid__items { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: var(--space-md); }


/* component: recipe-hero */
.c-recipe-hero { max-width: var(--layout-wide); margin-inline: auto; padding: var(--space-lg) var(--space-md); }


/* component: recipe-meta */
.c-recipe-meta { display: flex; gap: var(--space-md); list-style: none; padding: 0; }


/* component: recipe-steps */
.c-recipe-steps { margin-block: var(--space-lg); }