/* ==========================================================================
   ReloadSkins — shared design tokens (child theme)
   Extracted from live site (WoodMart vars): magenta accent, deep-purple
   surfaces, dark base, Montserrat, pill inputs.
   Loaded globally so cookie / sell / withdrawal stylesheets can share them.
   UPDATE-SAFE: lives only in woodmart-child. Do not edit plugin/parent.
   ========================================================================== */
:root {
  /* base */
  --skz-bg:            #1a1a1a;            /* body background            */
  --skz-bg-2:          #1f1638;            /* deep indigo section / hero */
  --skz-card:          #221a35;            /* elevated panel / box       */
  --skz-card-2:        #2b2147;            /* nested / hover panel        */
  --skz-input-bg:      #26135b;            /* form fields (matches site) */
  --skz-input-bg-2:    #2e1a6b;            /* input hover / focus        */

  /* lines */
  --skz-border:        rgba(255,255,255,.10);
  --skz-border-2:      rgba(255,255,255,.16);
  --skz-border-accent: rgba(214,39,181,.55);

  /* brand */
  --skz-accent:        #d627b5;            /* magenta brand primary (CTA)*/
  --skz-accent-2:      #b91f9c;            /* magenta hover/active        */
  --skz-accent-soft:   rgba(214,39,181,.14);
  --skz-purple:        #271363;            /* secondary button (site CTA) */
  --skz-purple-2:      #341b7f;            /* secondary hover             */

  /* text */
  --skz-title:         #dad2f7;            /* headings (lavender)         */
  --skz-text:          rgba(255,255,255,.92);
  --skz-muted:         #b5acd7;            /* muted lavender / links      */
  --skz-on-accent:     #ffffff;

  /* status */
  --skz-success:       #2ecc71;
  --skz-success-bg:    rgba(46,204,113,.14);
  --skz-info:          #4f9bff;
  --skz-info-bg:       rgba(79,155,255,.14);
  --skz-warning:       #f0a500;
  --skz-warning-bg:    rgba(240,165,0,.14);
  --skz-danger:        #ff5b6e;
  --skz-danger-bg:     rgba(255,91,110,.14);

  /* shape */
  --skz-radius:        12px;               /* cards / boxes              */
  --skz-radius-sm:     8px;
  --skz-radius-pill:   35px;               /* inputs / buttons           */
  --skz-shadow:        0 18px 50px rgba(0,0,0,.45);
  --skz-shadow-accent: 0 8px 28px rgba(214,39,181,.35);
  --skz-focus:         0 0 0 3px rgba(214,39,181,.35);
}

/* --------------------------------------------------------------------------
   Legal pages — make in-body cross-references look like links.
   The theme renders links inside Elementor text widgets at almost the same
   colour as body text (rgba(255,255,255,.9) vs .8, no underline), which hides
   the Privacy <-> Complaints Policy references. Scoped to the legal pages by id:
   3 privacy · 67492 complaints · 52055 selling terms · 30410 terms · 14 refund
   -------------------------------------------------------------------------- */
.page-id-3 .elementor-widget-text-editor a,
.page-id-67492 .entry-content a,
.page-id-52055 .entry-content a,
.page-id-30410 .entry-content a,
.page-id-14 .entry-content a,
.page-id-67492 .elementor-widget-text-editor a,
.page-id-52055 .elementor-widget-text-editor a,
.page-id-30410 .elementor-widget-text-editor a,
.page-id-14 .elementor-widget-text-editor a {
  color: var(--skz-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.page-id-3 .elementor-widget-text-editor a:hover,
.page-id-67492 .entry-content a:hover,
.page-id-52055 .entry-content a:hover,
.page-id-30410 .entry-content a:hover,
.page-id-14 .entry-content a:hover,
.page-id-67492 .elementor-widget-text-editor a:hover,
.page-id-52055 .elementor-widget-text-editor a:hover,
.page-id-30410 .elementor-widget-text-editor a:hover,
.page-id-14 .elementor-widget-text-editor a:hover {
  color: var(--skz-accent-2);
}