/* ============================================================
   theme.css — Gloss Nail Bar (Ranelagh, Dublin 6)
   A per-CLIENT re-skin of the Percolator framework. This file
   ONLY overrides design tokens — no component CSS is touched.
   Load order: tokens.css (defaults) → theme.css → base/components
   → site.css. Change the tokens, the whole system follows.
   ============================================================ */

:root {
  /* ---- Colour — "petal & lacquer" --------------------------
     Soft blush room, deep aubergine ink, one glossy fuchsia
     accent. Fuchsia is kept OFF body text (fails contrast);
     plum does the legible work (links, buttons, icons). */
  --color-bg:           #FBF4F1;   /* warm petal white */
  --color-surface:      #FFFFFF;   /* clean card */
  --color-surface-2:    #F6E7E6;   /* soft blush panel */
  --color-text:         #2A1622;   /* deep aubergine ink */
  --color-text-muted:   #6E5560;   /* muted mauve-grey — clears AA on --color-bg */
  --color-brand:        #8E2B5E;   /* lacquer plum — legible accent + primary buttons */
  --color-brand-hover:  #74204B;
  --color-border:       #ECD8D8;
  --color-success:      #3F8F5B;
  --color-warn:         #B5862B;
  --color-danger:       #C23B43;
  --color-overlay:      rgba(42, 22, 34, 0.55);

  /* Bespoke tokens for this brand (the gloss + warmth) */
  --brand-gloss:        #EC4E8C;   /* signature fuchsia — decorative / large only */
  --brand-gloss-soft:   #F9CEDF;
  --brand-champagne:    #D9B98C;   /* warm metallic, used sparingly */

  /* ---- Typography — Playfair (display) + Manrope (body) ---- */
  --font-sans:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;

  /* ---- Rounder, glossier surfaces -------------------------- */
  --radius-md:   12px;
  --radius-lg:   24px;
  --shadow-sm:   0 1px 2px rgba(42,22,34,0.06);
  --shadow-md:   0 18px 44px rgba(142,43,94,0.16);

  --max-width-content: 74rem;
}