:root {
  /* Fermentierlust brand palette
     Four original CI colors + approved aubergine as the dark fifth brand color. */
  --fl-purple-dark: #541650; /* aubergine — approved dark brand / primary action */
  --fl-purple: #BA78A8;      /* rosa-lila — original CI accent */
  --fl-cream: #F5F1C5;
  --fl-green: #5C6652;
  --fl-green-light: #B0C899;
  --fl-white: #FFFFFF;

  /* Interaction aliases — keep the brand use intentional and consistent. */
  --fl-action-primary: var(--fl-purple-dark);
  --fl-action-accent: var(--fl-purple);
  --fl-action-accent-soft: rgba(186, 120, 168, 0.14);
  --fl-action-accent-soft-strong: rgba(186, 120, 168, 0.22);
  --fl-action-shadow: 0 10px 24px rgba(84, 22, 80, 0.14);
  --fl-action-shadow-accent: 0 10px 24px rgba(186, 120, 168, 0.24);

  /* Neutrals */
  --fl-ink: #2A2428;
  --fl-ink-soft: #5F555D;
  --fl-text-muted: var(--fl-ink-soft);
  --text-soft: var(--fl-ink-soft);
  --fl-surface: #FFFDF8;
  --fl-line: rgba(84, 22, 80, 0.16);
  --fl-line-light: rgba(84, 22, 80, 0.09);

  /* Typography */
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-accent: "Josefin Sans", "DM Sans", sans-serif;

  /* Layout */
  --container: 1080px;
  --container-narrow: 760px;
  --gutter: 28px;
  --nav-height: 68px;
  --section-space: 54px;

  /* Shape */
  --radius-card: 20px;
  --radius-image: 24px;
  --radius-small: 14px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 180ms ease;
  --transition-base: 320ms var(--ease-out);

  /* Elevation */
  --shadow-card: 0 8px 26px rgba(84, 22, 80, 0.055);
}

@media (max-width: 1024px) {
  :root {
    --gutter: 24px;
    --section-space: 52px;
  }
}

@media (max-width: 768px) {
  :root {
    --gutter: 20px;
    --nav-height: 64px;
    --section-space: 48px;
  }
}

@media (max-width: 430px) {
  :root {
    --gutter: 16px;
    --section-space: 44px;
  }
}