/**
 * Meatbox Family — child theme token bridge. Loaded after parent Vite bundle.
 * Warm British-farm / butcher palette pulled from the approved mockup:
 * coral + espresso + cream + kraft + sage. Source: mockup/index.html.
 */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

:root {
  /* Brand — coral primary, white text reads on it (mockup buttons) */
  --color-primary: #df7c6d;
  --color-primary-dark: #c25f4e;
  --color-accent: #c25f4e;
  --color-accent-dark: #a84f3f;
  --color-on-primary: #ffffff;

  /* Tinted secondary surface (kraft) */
  --color-secondary: #f4ecdf;

  /* Canvas + surfaces — cream page, white cards, espresso dark sections */
  --color-background-light: #fbf7f0;
  --color-background-dark: #211c19;
  --color-surface: #ffffff;

  /* Text — warm near-black ink + muted brown */
  --color-text-primary: #241f1b;
  --color-text-secondary: #7a6f64;

  /* Typography — Plus Jakarta Sans (matches the Squarespace/mockup brand) */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Brand gradient tails (parent text/bg gradient utilities read these) */
  --color-primary-gradient-end: #cf6a58;
  --color-primary-gradient-end-light: #e89a8c;
  --shadow-primary: 0 10px 20px -10px rgba(223, 124, 109, 0.45);

  /* Neutrals warmed toward kraft so borders/cards sit on the cream canvas */
  --color-gray-50: #f8f3ea;
  --color-gray-100: #efe4d2;
  --color-gray-200: #e7dccb;
  --color-gray-300: #d8c8b0;
  --color-gray-400: #b3a594;
  --color-gray-500: #8a7d70;
  --color-gray-600: #6f6358;
  --color-gray-700: #463d35;
  --color-gray-800: #2f2925;
  --color-gray-900: #241f1b;

  /* Two-tone heading highlight (e.g. "back British farmers") */
  --heading-accent: #c25f4e;

  /* Remap legacy indigo (old brand hue) → coral so stray utilities stay on-palette */
  --color-indigo-400: #e89a8c;
  --color-indigo-500: #df7c6d;
  --color-indigo-600: #cf6a58;
  --color-indigo-700: #c25f4e;

  /* Plugin bridge (Nera Core / Fluent / Woo) */
  --nera-primary: var(--color-primary);
  --nera-text: var(--color-text-primary);
  --nera-text-secondary: var(--color-text-secondary);
  --nera-bg: var(--color-background-light);
  --nera-surface: var(--color-surface);
  --nera-border: var(--color-gray-200);
}

/* Sage is the brand's secondary accent (free-giveaway block, winner pills).
   Expose it for child component overrides without inventing parallel tokens. */
:root {
  --mb-sage: #5f6f50;
  --mb-sage-dark: #48543d;
  --mb-terracotta: #b5663f;
}

/* Full "ENTER NOW" CTA — unified terracotta; beats per-category inline style */
.ncs-product-card a.ncs-product-card__cta.text-white.shadow-md {
  background: linear-gradient(135deg, var(--mb-terracotta) 0%, var(--mb-terracotta) 100%) !important;
}