/*
 * ShoppyCat marketing pages — theme overrides
 *
 * Loaded ONLY on /, /about, and other public marketing pages.
 * The authenticated app (dashboard, lists, pantry, etc.) keeps the
 * original slate-primary palette to stay aligned with the mobile app.
 *
 * Mossy/sage green replaces slate as the primary. Cream and peach
 * stay. Paw-print patterns and decorative blobs lean into the
 * cozy/illustrated direction.
 */

:root.sc-marketing,
.sc-marketing {
  /* Primary: mossy/sage green */
  --sc-primary: #4d6b3a;
  --sc-on-primary: #fffaf2;
  --sc-primary-container: #d8e3cd;
  --sc-on-primary-container: #243419;

  /* Secondary kept warm and cozy (peach) */
  --sc-secondary: #e8b994;
  --sc-on-secondary: #3a2a1a;
  --sc-secondary-container: #f7e6d4;
  --sc-on-secondary-container: #4a3422;

  /* Tertiary: warm coral/peach for accents and "New!" pills */
  --sc-tertiary: #e57b5b;
  --sc-on-tertiary: #ffffff;
  --sc-tertiary-container: #fbd9cc;
  --sc-on-tertiary-container: #5a2517;

  /* Cream background — slightly warmer than the app's */
  --sc-background: #f7efe2;
  --sc-on-background: #3a2f24;
  --sc-surface: #fffaf2;
  --sc-on-surface: #3a2f24;
  --sc-surface-variant: #efe5d4;
}

/* Ink/headline color slightly warmer than slate */
.sc-marketing {
  color: var(--sc-on-background);
}