/* ---------------------------------------------------------------------------
   STOREFRONT PALETTE — the single source of colour for every public page.
   shop/preserve/preserve-thanks/confirm-address/track each used to declare their OWN
   :root with DIFFERENT values (--ink #3d3630 vs #2E2740, --bg #FDFBF8 vs #FBF9FE), so
   clicking "Reserve your slot" crossed a visible seam mid-funnel: the body text changed
   colour and the page changed background. Six design systems pretending to be one site.
   --------------------------------------------------------------------------- */
:root{
  --ink:#2E2740;          /* deep aubergine-black — warmer than pure grey, matches the brand */
  --soft:#7C7391;         /* muted lavender-grey for secondary text */
  --bg:#FBF9FE;           /* barely-there lilac wash instead of cream */
  --card:#fff;
  --blush:#B9A7D6;        /* soft lavender — decorative, NEVER body text (too light) */
  --blush-soft:#EFE9F8;   /* palest lilac — section backgrounds, chips */
  --rose:#5D4B7E;         /* deep violet — headings, links, primary CTA. AA on white */
  --rose-mid:#8A74B8;     /* mid purple — hovers, borders, accents */
  --gold:#D9A968;         /* kept: gold + purple is the premium pairing */
  /* RESTORED: I replaced the :root block wholesale and dropped these two, which are still
     referenced in 4 places. An undefined custom property silently renders as nothing —
     section bands and every border would have vanished. */
  --cream2:#F4F0FB;       /* soft lilac band background (was warm cream) */
  /* One page width and one gutter for every band — header, nav, hero, content, footer.
     They were six separate 1120px literals, which is how alignment drifts one edit at a time. */
  --page:1120px;
  --gutter:1.1rem;
  --line:#E7E0F2;         /* hairline borders, tinted to the new palette */

  --font-price:-apple-system,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}


/* ---------- Telugu ---------- */
/* English is the default; Telugu is offered because Telangana + Andhra + Rangareddy is 505 orders,
   the largest single-language block in the book after Hindi.
   Playfair and Karla carry no Telugu glyphs, so the browser falls back per glyph. Naming the
   phone's own Telugu faces first keeps that fallback sharp, and costs nothing to download. */
[lang="te"] {
  font-family: 'Noto Sans Telugu', 'Kohinoor Telugu', 'Telugu Sangam MN', 'Gautami',
               system-ui, sans-serif;
}
/* Telugu glyphs are taller than Latin and italics are not a Telugu convention — an italic
   serif face slanted by the browser looks broken rather than elegant. */
[lang="te"] .pt-btag, [lang="te"] h1, [lang="te"] h2, [lang="te"] h3 {
  font-style: normal;
  line-height: 1.35;
}

/* The language switch on the portal brandbar. A link, not a dropdown: with one alternative a
   menu costs three taps where one does, and a link still works with JavaScript off. */
.pt-langsw {
  display: inline-block; margin-top: 12px; padding: 6px 15px;
  font-size: 13px; font-weight: 600; text-decoration: none;
  color: var(--ink); background: #fff;
  border: 1px solid var(--line); border-radius: 99px;
  transition: background .15s ease, border-color .15s ease;
}
.pt-langsw:hover, .pt-langsw:focus-visible { background: var(--cream2); border-color: var(--ink); }
.pt-langsw:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }


/* ---------------------------------------------------------------------------
   ADORABLE STUFF — its own palette, not Flower Studios'.
   The tokens above are the LAVENDER set the newer storefront was designed in. They were being
   served to both domains, so adorablestuff.in wore Flower Studios' colours. Adorable Stuff is
   warm rose, cream and sage — the palette still visible on /track, which is the page its
   customers actually live on. Same values as ADORABLE in brands.js; change them together.
   Only the tokens are redefined here, so every component picks this up without knowing about it.
   --------------------------------------------------------------------------- */
:root[data-brand="adorable_stuff"]{
  --ink:#2E2740;          /* shared: the deep aubergine reads well on both grounds */
  --soft:#8a7f74;         /* warm grey, not lavender-grey */
  --bg:#FBF6F1;           /* cream wash instead of the lilac one */
  --card:#fff;
  --blush:#C58A7A;        /* the warm rose of the tracking page's progress bar */
  --blush-soft:#FBEDE6;   /* palest warm tint — section backgrounds, chips */
  --rose:#8A5B72;         /* rose-deep — headings, links, primary CTA */
  --rose-mid:#A8737F;     /* hovers and borders */
  --gold:#DD9C46;         /* the garland gold */
  --cream2:#FBF4F6;       /* the band background */
  --line:#EADFD9;         /* hairline, warmed to match */
}