/* ════════════════════════════════════════════════════════════════
   PEARL OYSTER — ULTRA PREMIUM
   Industry : Jewellery / Couture / Luxury Product
   Colors   : Pearl White Cool + Pink
   Logo     : #ff0084 (FIXED)
   Series   : LIGHT THEMES — Series 2
════════════════════════════════════════════════════════════════ */

:root {
  --primary:        #ff0084;
  --primary-dark:   #cc0069;
  --primary-light:  #ff4dab;
  --primary-pale:   #fff0f7;

  /* ── PRIMARY ── */
  --primary-bg:              #f8f6f4;
  --primary-heading:         #0f0c0a;
  --primary-label:           #ff0084;
  --primary-para:            #5a5048;
  --primary-strong:          #0f0c0a;
  --primary-em:              #ff0084;
  --primary-link:            #ff0084;
  --primary-link-hover:      #cc0069;
  --primary-span-bg:         rgba(200,180,160,0.12);
  --primary-span-color:      #8a6a50;
  --primary-border:          rgba(200,180,160,0.16);
  --primary-border-accent:   #ff0084;
  --primary-divider:         rgba(200,180,160,0.10);
  --primary-btn-bg:          #ff0084;
  --primary-btn-text:        #ffffff;
  --primary-btn-hover:       #cc0069;
  --primary-btn-hover-text:  #ffffff;
  --primary-mark:            rgba(255,0,132,0.11);
  --primary-mark-text:       #0f0c0a;
  --primary-code-bg:         rgba(200,180,160,0.08);
  --primary-code-text:       #8a6a50;
  --primary-blockquote:      rgba(200,180,160,0.08);
  --primary-blockquote-border: #c8a882;
  --primary-th-bg:           rgba(200,180,160,0.09);
  --primary-th-text:         #0f0c0a;
  --primary-td-text:         #5a5048;
  --primary-table-border:    rgba(200,180,160,0.14);
  --primary-input-bg:        #ffffff;
  --primary-input-text:      #0f0c0a;
  --primary-input-border:    rgba(200,180,160,0.22);
  --primary-input-focus:     #ff0084;
  --primary-placeholder:     rgba(90,80,72,0.40);

  /* ── SECONDARY ── */
  --secondary-bg:              #f2eeea;
  --secondary-heading:         #0f0c0a;
  --secondary-label:           #ff0084;
  --secondary-para:            #6a5e54;
  --secondary-strong:          #0f0c0a;
  --secondary-em:              #ff0084;
  --secondary-link:            #ff0084;
  --secondary-link-hover:      #cc0069;
  --secondary-span-bg:         rgba(190,168,148,0.11);
  --secondary-span-color:      #7a5a42;
  --secondary-border:          rgba(190,168,148,0.14);
  --secondary-border-accent:   #ff0084;
  --secondary-divider:         rgba(190,168,148,0.09);
  --secondary-btn-bg:          #ff0084;
  --secondary-btn-text:        #ffffff;
  --secondary-btn-hover:       #cc0069;
  --secondary-btn-hover-text:  #ffffff;
  --secondary-mark:            rgba(255,0,132,0.09);
  --secondary-mark-text:       #0f0c0a;
  --secondary-code-bg:         rgba(190,168,148,0.07);
  --secondary-code-text:       #7a5a42;
  --secondary-blockquote:      rgba(190,168,148,0.07);
  --secondary-blockquote-border: #c8a882;
  --secondary-th-bg:           rgba(190,168,148,0.08);
  --secondary-th-text:         #0f0c0a;
  --secondary-td-text:         #6a5e54;
  --secondary-table-border:    rgba(190,168,148,0.12);
  --secondary-input-bg:        #ffffff;
  --secondary-input-text:      #0f0c0a;
  --secondary-input-border:    rgba(190,168,148,0.19);
  --secondary-input-focus:     #ff0084;
  --secondary-placeholder:     rgba(106,94,84,0.38);

  /* ── BASE ── */
  --base-bg:              #e8e0d4;
  --base-heading:         #080604;
  --base-label:           #ff0084;
  --base-para:            #4a4038;
  --base-strong:          #080604;
  --base-em:              #ff0084;
  --base-link:            #ff0084;
  --base-link-hover:      #cc0069;
  --base-span-bg:         rgba(255,0,132,0.09);
  --base-span-color:      #cc0069;
  --base-border:          rgba(180,158,135,0.18);
  --base-border-accent:   #ff0084;
  --base-divider:         rgba(180,158,135,0.11);
  --base-btn-bg:          #ff0084;
  --base-btn-text:        #ffffff;
  --base-btn-hover:       #cc0069;
  --base-btn-hover-text:  #ffffff;
  --base-mark:            rgba(255,0,132,0.14);
  --base-mark-text:       #080604;
  --base-code-bg:         rgba(180,158,135,0.09);
  --base-code-text:       #6a4e38;
  --base-blockquote:      rgba(255,0,132,0.07);
  --base-blockquote-border: #ff0084;
  --base-th-bg:           rgba(180,158,135,0.09);
  --base-th-text:         #080604;
  --base-td-text:         #4a4038;
  --base-table-border:    rgba(180,158,135,0.15);
  --base-input-bg:        #ffffff;
  --base-input-text:      #080604;
  --base-input-border:    rgba(180,158,135,0.25);
  --base-input-focus:     #ff0084;
  --base-placeholder:     rgba(74,64,56,0.42);

  /* ── NEUTRAL ── */
  --neutral-bg:              #faf8f6;
  --neutral-heading:         #0f0c0a;
  --neutral-label:           #ff0084;
  --neutral-para:            #6a6058;
  --neutral-strong:          #0f0c0a;
  --neutral-em:              #ff0084;
  --neutral-link:            #ff0084;
  --neutral-link-hover:      #cc0069;
  --neutral-span-bg:         rgba(200,180,160,0.08);
  --neutral-span-color:      #8a6a50;
  --neutral-border:          rgba(190,168,148,0.12);
  --neutral-border-accent:   #ff0084;
  --neutral-divider:         rgba(190,168,148,0.08);
  --neutral-btn-bg:          #ff0084;
  --neutral-btn-text:        #ffffff;
  --neutral-btn-hover:       #cc0069;
  --neutral-btn-hover-text:  #ffffff;
  --neutral-mark:            rgba(255,0,132,0.08);
  --neutral-mark-text:       #0f0c0a;
  --neutral-code-bg:         rgba(190,168,148,0.05);
  --neutral-code-text:       #7a5e45;
  --neutral-blockquote:      rgba(255,0,132,0.04);
  --neutral-blockquote-border: #ff0084;
  --neutral-th-bg:           rgba(190,168,148,0.05);
  --neutral-th-text:         #0f0c0a;
  --neutral-td-text:         #6a6058;
  --neutral-table-border:    rgba(190,168,148,0.10);
  --neutral-input-bg:        #ffffff;
  --neutral-input-text:      #0f0c0a;
  --neutral-input-border:    rgba(190,168,148,0.16);
  --neutral-input-focus:     #ff0084;
  --neutral-placeholder:     rgba(106,96,88,0.36);

  /* ── LIGHT ── */
  --light-bg:              #ffffff;
  --light-heading:         #0f0c0a;
  --light-label:           #ff0084;
  --light-para:            #7a7068;
  --light-strong:          #0f0c0a;
  --light-em:              #ff0084;
  --light-link:            #ff0084;
  --light-link-hover:      #cc0069;
  --light-span-bg:         rgba(200,180,160,0.07);
  --light-span-color:      #8a6a50;
  --light-border:          rgba(180,160,140,0.10);
  --light-border-accent:   #ff0084;
  --light-divider:         rgba(180,160,140,0.06);
  --light-btn-bg:          #ff0084;
  --light-btn-text:        #ffffff;
  --light-btn-hover:       #cc0069;
  --light-btn-hover-text:  #ffffff;
  --light-mark:            rgba(255,0,132,0.08);
  --light-mark-text:       #0f0c0a;
  --light-code-bg:         rgba(180,160,140,0.04);
  --light-code-text:       #6a5038;
  --light-blockquote:      rgba(255,0,132,0.04);
  --light-blockquote-border: #ff0084;
  --light-th-bg:           rgba(180,160,140,0.04);
  --light-th-text:         #0f0c0a;
  --light-td-text:         #7a7068;
  --light-table-border:    rgba(180,160,140,0.09);
  --light-input-bg:        #fefdfb;
  --light-input-text:      #0f0c0a;
  --light-input-border:    rgba(180,160,140,0.13);
  --light-input-focus:     #ff0084;
  --light-placeholder:     rgba(122,112,104,0.34);

  /* ── SOFT ── */
  --soft-bg:              #f0ece6;
  --soft-heading:         #0f0c0a;
  --soft-label:           #ff0084;
  --soft-para:            #5a5248;
  --soft-strong:          #0f0c0a;
  --soft-em:              #ff0084;
  --soft-link:            #ff0084;
  --soft-link-hover:      #cc0069;
  --soft-span-bg:         rgba(200,180,160,0.09);
  --soft-span-color:      #8a6a50;
  --soft-border:          rgba(190,168,148,0.12);
  --soft-border-accent:   #ff0084;
  --soft-divider:         rgba(190,168,148,0.08);
  --soft-btn-bg:          #ff0084;
  --soft-btn-text:        #ffffff;
  --soft-btn-hover:       #cc0069;
  --soft-btn-hover-text:  #ffffff;
  --soft-mark:            rgba(255,0,132,0.09);
  --soft-mark-text:       #0f0c0a;
  --soft-code-bg:         rgba(190,168,148,0.06);
  --soft-code-text:       #7a5e45;
  --soft-blockquote:      rgba(255,0,132,0.05);
  --soft-blockquote-border: #ff0084;
  --soft-th-bg:           rgba(190,168,148,0.06);
  --soft-th-text:         #0f0c0a;
  --soft-td-text:         #5a5248;
  --soft-table-border:    rgba(190,168,148,0.10);
  --soft-input-bg:        #ffffff;
  --soft-input-text:      #0f0c0a;
  --soft-input-border:    rgba(190,168,148,0.16);
  --soft-input-focus:     #ff0084;
  --soft-placeholder:     rgba(90,82,72,0.36);
}