/* Manakamana Paan Bhandar — WB3 Core Colour & Attention-Accent System Lock
   Core brand authority:
   Deep Green #062D22 | Gold #C9A24D | Ivory #FFF6E4
   Functional attention accent:
   Maroon #8F1F2D
   Natural food/ingredient illustration colours are intentionally outside this UI token lock. */
:root {
  --brand-deep-green:#062D22;
  --brand-gold:#C9A24D;
  --brand-ivory:#FFF6E4;
  --brand-maroon:#8F1F2D;

  /* Controlled tonal supports; these are not additional brand primaries. */
  --brand-green-dark:#031A15;
  --brand-green-mid:#0F5A3E;
  --brand-green-light:#DCECE5;
  --brand-ivory-soft:#F5EAD3;
  --brand-maroon-dark:#741926;
  --brand-ink:#13251D;
  --brand-muted:#6C5D48;

  /* Legacy shell aliases reconciled to the authority. */
  --deep-green:var(--brand-deep-green);
  --gold:var(--brand-gold);
  --ivory:var(--brand-ivory);
  --maroon:var(--brand-maroon);
  --forest:var(--brand-green-dark);
  --leaf-green:var(--brand-green-mid);
  --ivory-soft:var(--brand-ivory-soft);
  --ink:var(--brand-ink);
  --muted:var(--brand-muted);

  /* Phase 5+ design-system aliases. */
  --p5-forest-950:var(--brand-green-dark);
  --p5-forest-900:var(--brand-deep-green);
  --p5-forest-800:#0A3A2B;
  --p5-leaf-700:var(--brand-green-mid);
  --p5-leaf-600:#21805A;
  --p5-leaf-100:var(--brand-green-light);
  --p5-ivory-50:var(--brand-ivory);
  --p5-ivory-100:var(--brand-ivory-soft);
  --p5-ivory-200:#F2E6CF;
  --p5-maroon-700:var(--brand-maroon);
  --p5-maroon-800:var(--brand-maroon-dark);
  --p5-gold-500:var(--brand-gold);
  --p5-ink:var(--brand-ink);
  --p5-muted:var(--brand-muted);

  /* Captivating homepage hero aliases. */
  --hero-forest:var(--brand-deep-green);
  --hero-forest-soft:var(--brand-green-mid);
  --hero-maroon:var(--brand-maroon);
  --hero-maroon-dark:var(--brand-maroon-dark);
  --hero-gold:var(--brand-gold);
  --hero-gold-light:#E5C978;
  --hero-ivory:var(--brand-ivory);
  --hero-cream:var(--brand-ivory-soft);

  --p8-focus:var(--brand-gold);
}

/* Primary actions: Maroon is reserved for intentional attention/action. */
.btn-primary,
.p5-btn-primary,
.captivating-hero-button-primary {
  background:var(--brand-maroon) !important;
  color:#FFFFFF !important;
  border-color:rgba(201,162,77,.44) !important;
  box-shadow:0 12px 28px rgba(143,31,45,.22);
}
.btn-primary:hover,
.btn-primary:focus-visible,
.p5-btn-primary:hover,
.p5-btn-primary:focus-visible,
.captivating-hero-button-primary:hover,
.captivating-hero-button-primary:focus-visible {
  background:var(--brand-maroon-dark) !important;
}

/* Secondary actions remain brand-green/neutral rather than becoming competing maroon actions. */
.p5-btn-secondary,
.captivating-hero-button-secondary {
  color:var(--brand-deep-green);
}

/* Active navigation / small attention markers may use maroon. */
.p5-nav > a[aria-current="page"],
.p5-nav > a:not(.p5-btn):hover,
.p5-eyebrow,
.p5-card-index,
.p5-card-link,
.p6-service-card > span,
.p6-service-card a,
.p6-info-grid span,
.p6-progress span.is-active {
  --p5-maroon-700:var(--brand-maroon);
}

/* Homepage hero: retain subtle maroon warmth, but the core gold/green/ivory remain dominant. */
.captivating-hero {
  background:
    radial-gradient(circle at 88% 10%, rgba(201,162,77,.28), transparent 25rem),
    radial-gradient(circle at 5% 95%, rgba(143,31,45,.08), transparent 23rem),
    linear-gradient(118deg, #FFFDF7 0%, var(--brand-ivory) 45%, var(--brand-ivory-soft) 100%);
}
.captivating-hero::before {
  border-color:rgba(143,31,45,.13);
  box-shadow:0 0 0 4.5rem rgba(201,162,77,.055);
}
.captivating-hero::after {
  background:linear-gradient(90deg,var(--brand-maroon),var(--brand-gold),var(--brand-deep-green));
}
.captivating-hero-kicker,
.captivating-hero h1 span {
  color:var(--brand-maroon);
}
.captivating-hero-kicker::before {
  background:linear-gradient(90deg,var(--brand-maroon),var(--brand-gold));
}
.captivating-hero-detail span::before {
  background:var(--brand-gold);
  box-shadow:0 0 0 3px rgba(201,162,77,.16);
}

/* Focus remains Gold across interactive controls. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline-color:var(--brand-gold) !important;
}