/* ==========================================================================
   Leyadoll page theme — overrides the OINTEK design tokens with Leyadoll's
   own brand palette (pulled from leyadoll.com) and typefaces (Quicksand /
   Montserrat). Every component below is unchanged structurally; only the
   CSS custom properties are repainted, so this file is intentionally short.
   Load AFTER assets/style.css.
   ========================================================================== */

:root {
  /* ground */
  --paper:      #fffaf6;
  --paper-warm: #ffeee6;
  --sun:        #ffd6de;

  /* ink — Leyadoll's own text colour */
  --ink:        #463a3d;
  --body:       #7d666b;
  --mute:       #a6898e;

  /* accents */
  --orange:     #ff6f91;
  --orange-dk:  #e85577;
  --teal:       #ffb1b9;
  --teal-dk:    #c97883;
  --rose:       #f4a6c9;

  /* card fills */
  --cream:      #fff0e6;
  --mint:       #ffe3ea;
  --blush:      #ffe9d6;
  --sky:        #f4e4f6;

  /* lines */
  --line:       #ffe4e9;
  --line-mid:   #f7cdd6;

  /* type */
  --display: "Quicksand", "Outfit", sans-serif;
  --sans:    "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Leyadoll's own display face is a rounded geometric sans, not a variable
   serif — drop the Fraunces-only variation-settings so headings render at
   their normal Quicksand weight instead of collapsing to defaults. */
.hero h1, .case__name {
  font-variation-settings: normal;
}

.brandwall a {
  font-variation-settings: normal;
}

/* The base ticker text colours (light mint / near-white) were tuned for
   OINTEK's dark teal ticker background. Leyadoll's --teal is a light pink,
   so those colours become nearly unreadable — override with dark ink tones
   for contrast against the light ticker. */
.ticker span {
  color: rgba(70, 58, 61, .72);
}
.ticker b {
  color: var(--ink);
}

/* Slightly rounder corners throughout, to match Leyadoll's softer product
   photography and packaging. */
.col, .case, .quote, .step, .faq-item, .member, .principle, .contact-card {
  border-radius: 22px;
}

.case__shot, .metric {
  border-radius: 18px;
}

/* Real product photography, used in the gallery grid on brands.html. */
.lgallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin-top: 28px;
}
.lgallery img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: var(--stroke);
  border-radius: 18px;
  box-shadow: var(--lift-sm);
}
.lgallery--wide img {
  aspect-ratio: 16 / 5;
  object-fit: cover;
}