/* Ali's selected homepage palette. Shared Food stories keep their own colours. */
body.warm-sunlit {
  --blue: #2458C6;
  --blue-deep: #143570;
  --ink: #19324F;
  --ink-2: #3D4C59;
  --cream: #FFF2D8;
  --curd: #FFF9EF;
  --gold: #FDBE3C;
  --gold-ink: #8C4E00;
  --gold-light: #FFD06A;
  --line: #E6D8BF;
  --sun: #FDBE3C;
}

.warm-sunlit .bar {
  background: rgb(255 249 239 / 97%);
}

.warm-sunlit .nav a:not(.cta):hover {
  background: #FFE7B3;
}

.warm-sunlit .kicker,
.warm-sunlit .hero .lead {
  color: var(--curd);
}

.warm-sunlit .btn.sun {
  color: var(--ink);
}

.warm-sunlit .btn.sun:hover {
  background: var(--gold-light);
}

.warm-sunlit .btn.ghost {
  border-color: #B8C8E3;
  color: var(--curd);
}

.warm-sunlit .eyebrow,
.warm-sunlit .feat-tag,
.warm-sunlit .feat-facts dt {
  color: var(--gold-ink);
}

.warm-sunlit .feat,
.warm-sunlit .feat.malai,
.warm-sunlit .feat.yog,
.warm-sunlit .feat.ghee,
.warm-sunlit .feat.tofu,
.warm-sunlit .feat.paste {
  background: var(--cream);
  border-color: var(--line);
}

.warm-sunlit .feat-stage {
  background: var(--cream);
}

.warm-sunlit .feat-copy > p,
.warm-sunlit .feat-facts dd {
  color: var(--ink-2);
}

.warm-sunlit .product-detail {
  border-color: var(--line);
}

.warm-sunlit .quality {
  background: #FFE7B3;
}

.warm-sunlit .q,
.warm-sunlit .promise {
  border-color: rgb(140 78 0 / 24%);
}

.warm-sunlit .q .ic,
.warm-sunlit .promise .heart {
  color: var(--gold-ink);
}

.warm-sunlit .stock .eyebrow,
.warm-sunlit .stock h2 .script,
.warm-sunlit .perks .pi,
.warm-sunlit footer .tag {
  color: var(--gold-light);
}

.warm-sunlit .stock p,
.warm-sunlit .perks span,
.warm-sunlit footer,
.warm-sunlit footer .fine {
  color: var(--curd);
}

.warm-sunlit .enq {
  color: var(--ink);
}

.warm-sunlit .enq label,
.warm-sunlit .enq legend,
.warm-sunlit .enq .note {
  color: var(--ink-2);
}

.warm-sunlit .enq input,
.warm-sunlit .enq textarea {
  border-color: #8A7962;
}

.warm-sunlit .enq input[aria-invalid=true] {
  border-color: #AD2921;
}

.warm-sunlit .ticks label {
  background: var(--cream);
}

.warm-sunlit .enq .err {
  color: #AD2921;
}

.warm-sunlit footer {
  background: var(--blue-deep);
}

.warm-sunlit :focus-visible {
  outline-color: var(--blue-deep);
}

.warm-sunlit .hero :focus-visible,
.warm-sunlit footer :focus-visible {
  outline-color: var(--gold-light);
}