/* ============================================================
   NAILZZBYKIMBERLY — parchment, deep brown, hibiscus burgundy.
   ------------------------------------------------------------
   Sampled from her own booking-page header:
     paper  plaster parchment            #cec0ab -> lifted to #ede3d1
     ink    her wordmark brown           #401d04   (11.8:1 on paper)
     accent hibiscus burgundy            #5b2322
     second lily pink                    #b86e73
   typekit.py on her wordmark: contrast 12.7, slant 0deg,
   serifs 0.30 -> High-contrast Didone -> Pinyon Script /
   Bodoni Moda. Jost carries the body and buttons because her own
   headings ("LOCATION", "PAYMENT") are thin geometric caps.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;0,6..96,700;1,6..96,400&family=Jost:wght@300;400;500;600&family=Pinyon+Script&display=swap');

:root{
  --font-script:  'Pinyon Script', cursive;         /* deal titles, flourishes */
  --font-display: 'Bodoni Moda', serif;             /* headings, prices */
  --font-body:    'Jost', sans-serif;               /* everything else */

  /* ---- COLOURS — CHROMATIC ramp built from her burgundy ---- */
  --cream:     #ede3d1;   /* page background — her parchment, lifted for long reading */
  --blush:     #e4d9c3;   /* calendar day cells, hover fills */
  --blush-2:   #d8c9ae;   /* hairlines, borders */
  --pink:      #c8b598;   /* dotted leaders, light borders */
  --pink-deep: #8e5a52;   /* announcement bar, button rims */
  --ribbon:    #6e2a27;   /* selected day/slot, admin buttons */
  --pink-dark: #7a3a33;   /* prices, category headings */
  --plum:      #401d04;   /* HER NAME + section headings — her wordmark brown */

  --ink:       #3a2a1c;   /* body text — 10.8:1 on her paper */
  --ink-soft:  #7a6852;   /* captions, taglines, hints */
  --white:     #f8f2e5;   /* cards — paper lifted, never pure white */

  /* Availability dots. Olive reads "free" against warm parchment
     without inventing a colour she does not use; taken recedes
     into the paper. Checked by eye on #ede3d1. */
  --pip-open:  #6b7a4a;
  --pip-taken: #c3b096;

  --glow:      64,29,4;
  --glow-deep: 91,35,34;

  /* ---- BACKGROUND ARTWORK ---------------------------------- */
  --bg-tile:        url(bg-tile.webp);   /* her plaster grain, made seamless */
  --bg-size:        400px;
  --bg-size-mobile: 320px;
  --bg-opacity:     .6;
  --bg-opacity-admin: .35;

  --motif: url(motif.webp);              /* hibiscus in her burgundy */
}

/* ============================================================
   SHAPE LANGUAGE — editorial-warm.
   Her flyers are letterpress-ish: crisp rectangles, lace edges,
   soft paper shadows. Near-square buttons, gently rounded cards,
   low warm shadows. No pills, no glow.
   ============================================================ */
:root{
  --r-btn:    6px;
  --r-card:   14px;
  --r-tile:   6px;
  --r-input:  6px;
  --r-msg:    12px;
  --r-img:    10px;
  --r-nav:    50%;
  --r-deal:   14px;

  --bw:       1.5px;
  --bw-card:  1px;

  --sh-card:  0 8px 26px rgba(var(--glow),.09);
  --sh-btn:   0 4px 12px rgba(var(--glow),.16);
  --sh-btn-h: 0 7px 18px rgba(var(--glow),.24);
  --sh-soft:  0 2px 10px rgba(var(--glow),.10);
  --sh-lift:  0 5px 15px rgba(var(--glow),.20);
  --sh-deal:  0 8px 26px rgba(var(--glow),.12);

  --motif-rot:      -10deg;
  --motif-bullet-w: 22px;
  --motif-bullet-h: 21px;
  --motif-badge-w:  32px;
  --motif-badge-h:  30px;

  /* her own headings are wide-tracked geometric caps */
  --font-btn:      'Jost', sans-serif;
  --btn-weight:    500;
  --btn-transform: uppercase;
  --btn-tracking:  .07em;

  --pin-size: 13px;
  --logo-max: 300px;

  /* ---- "See My Work" gallery ------------------------------- */
  --ty-card:  #f8f2e5;
  --ty-line:  #ddcdb2;
  --ty-icon:  #6a5540;
  --ty-heart: #7a3a33;
}