:root {
  --bg:          #000000;
  --bg-2:        #0F0F0F;
  --bg-card:     #141414;
  --pink:        #E8197A;
  --pink-dark:   #B8125F;
  --pink-glow:   rgba(232,25,122,0.18);
  --cream:       #F2E8D5;
  --cream-2:     #C8B99A;
  --gold:        #C8954A;
  --gold-dark:   #9E7235;
  --muted:       #5A5550;
  --radius:      2px;
  --shadow-pink: 0 0 28px rgba(232,25,122,0.35);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--cream);
  font-family: 'Poppins', system-ui, sans-serif;
  line-height: 1.5;
}

a { color: inherit; }

.stripe-divider {
  height: 6px;
  background: repeating-linear-gradient(
    -45deg,
    var(--pink)      0px,  var(--pink)      12px,
    #000             12px, #000             24px,
    var(--gold)      24px, var(--gold)      36px,
    #000             36px, #000             48px
  );
}

:focus-visible { outline: 2px solid var(--pink); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }