:root {
  --mw-deep-green: #253528;
  --mw-forest-green: #304733;
  --mw-leaf-green: #64854E;
  --mw-sage-green: #78945E;
  --mw-coral: #E86F4A;
  --mw-coral-dark: #D95E3B;
  --mw-cream: #F8F2E6;
  --mw-warm-white: #FFFDF8;
  --mw-charcoal: #243126;

  --mw-radius-lg: 1.25rem;
  --mw-radius-xl: 1.75rem;
  --mw-shadow-soft: 0 16px 42px rgba(36, 49, 38, 0.14);

  --brand-primary: var(--mw-deep-green);
  --brand-accent: var(--mw-coral);
  --brand-surface: var(--mw-cream);
  --brand-text: var(--mw-charcoal);
}

.mealwright-brand-shell {
  background: radial-gradient(circle at top, var(--mw-warm-white), var(--mw-cream));
  color: var(--mw-charcoal);
}

.mealwright-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.mealwright-logo img {
  height: 2.5rem;
  width: auto;
}

.mealwright-button-primary {
  background: var(--mw-deep-green);
  border: 1px solid var(--mw-deep-green);
  border-radius: 999px;
  color: var(--mw-warm-white);
  font-weight: 700;
  padding: 0.7rem 1.1rem;
}

.mealwright-button-secondary {
  background: var(--mw-cream);
  border: 1px solid rgba(48, 71, 51, 0.22);
  border-radius: 999px;
  color: var(--mw-deep-green);
  font-weight: 700;
  padding: 0.7rem 1.1rem;
}

.mealwright-card {
  background: var(--mw-warm-white);
  border: 1px solid rgba(48, 71, 51, 0.12);
  border-radius: var(--mw-radius-xl);
  box-shadow: var(--mw-shadow-soft);
}