/* ═══════════════════════════════════════════════════════
   BRAND CONFIG — Your only rebrand file.
   Change the 4 hex values below. Everything updates.
   ═══════════════════════════════════════════════════════ */

:root {
  --brand-color:        #DEB4B4;               /* ← YOUR BRAND COLOR */
  --brand-color-hover:  #C49C9C;               /* ← darker on hover  */
  --brand-color-text:   #0B0B0D;               /* ← text ON buttons  */
  --brand-color-soft:   rgba(222,180,180,.12); /* ← soft tint        */

  /* Wires into public funnel pages (funnel.css) */
  --color-accent:       var(--brand-color);
  --color-accent-hover: var(--brand-color-hover);
  --color-accent-text:  var(--brand-color-text);
  --color-accent-soft:  var(--brand-color-soft);

  /* Wires into admin panel dark mode (custom.css) */
  --accent-pink:        var(--brand-color);
  --accent-pink-hover:  var(--brand-color-hover);
  --accent-pink-deep:   var(--brand-color-hover);
}

/* ─── Funnel pages: dark mode — make ALL sections dark ─── */
[data-theme="dark"] {
  --color-bg:              #0B0B0D;
  --color-surface:         #17181C;
  --color-border:          #31343C;
  --color-text:            #F5F0E8;
  --color-text-muted:      #9E978C;
}

/* ─── Funnel pages: day mode — make ALL sections cream/white ─── */
/* Admin: deepen pink so it stays readable on white backgrounds   */
[data-theme="light"] {
  /* Funnel dark sections → cream */
  --color-bg-dark:         #F4F2EE;
  --color-surface-dark:    #EEECEA;
  --color-border-dark:     #D5D3CF;
  --color-text-dark:       #1A1A1A;
  --color-text-dark-muted: #6B6864;

  /* Admin panel accent — deepened so it doesn't wash out */
  --accent-pink:        #C77B7B;
  --accent-pink-hover:  #B56868;
  --accent-pink-deep:   #A85656;
}