/* =============================================
   MARISHAIR Beauty World — design tokens
   ============================================= */
:root {
  /* Brand colours (from packaging) */
  --pink:        #ff1493;
  --pink-mid:    #ff69b4;
  --pink-soft:   #ffb6c1;
  --pink-deep:   #e00a7d;
  --pink-tint:   #fff0f6;
  --pink-cream:  #fff7fa;
  --pink-glow:   rgba(255, 20, 147, 0.35);

  /* Neutrals */
  --black:       #000000;
  --ink:         #111114;
  --ink-soft:    #333333;
  --ink-mid:     #6f6a75;
  --line:        rgba(17, 17, 20, 0.10);
  --line-strong: rgba(17, 17, 20, 0.18);
  --white:       #ffffff;

  /* Type */
  --serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

  /* Spacing scale */
  --sp-xs:  0.25rem;
  --sp-sm:  0.5rem;
  --sp-md:  1rem;
  --sp-lg:  1.5rem;
  --sp-xl:  2rem;
  --sp-2xl: 3rem;
  --sp-3xl: 4rem;

  /* Radii */
  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm:   0 4px 6px rgba(0, 0, 0, 0.10);
  --shadow-md:   0 12px 24px rgba(0, 0, 0, 0.15);
  --shadow-lg:   0 30px 80px rgba(17, 17, 20, 0.18);
  --shadow-pink: 0 14px 34px var(--pink-glow);

  /* Layout */
  --container: 1280px;
  --nav-h: 80px;
}