/* Peptide Broker Skin: powder pink / blush / cream with plum ink and a copper-gold accent.
   Loaded after styles.css; overrides the research store's navy/teal tokens. */
:root {
  --ink: #3d2530;          /* deep plum: body text, headings */
  --ink-2: #5e4450;
  --muted: #8a6f7b;
  --line: #efdde2;
  --bg: #fffaf8;           /* warm cream */
  --bg-2: #fbeff1;         /* powder pink wash */
  --accent: #a8566d;       /* rose: buttons, links (white text passes contrast) */
  --accent-ink: #ffffff;
  --accent-soft: #f8e3e8;  /* powder pink */
  --blush: #e8b7c1;
  --pearl: #f1ecf6;
  --gold: #c9a27e;         /* copper-gold */
  --blend: #b98fb3;
  --glass-bg: rgba(255, 255, 255, .7);
  --glass-line: rgba(168, 86, 109, .12);
}
body {
  background:
    radial-gradient(1000px 600px at 90% -10%, rgba(232, 183, 193, .38), transparent 62%),
    radial-gradient(900px 520px at -10% 25%, rgba(241, 236, 246, .9), transparent 60%),
    radial-gradient(800px 500px at 50% 110%, rgba(201, 162, 126, .16), transparent 70%),
    var(--bg);
  background-attachment: fixed;
}
a { color: var(--accent); }
.eyebrow { color: var(--accent); }
.ruo-bar { display: none; }
.site-header { background: rgba(255, 250, 248, .78); }
.site-footer { background: rgba(251, 239, 241, .75); }
.btn-primary { background: linear-gradient(180deg, #b8667d, #9c4c63); box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 8px 20px rgba(168, 86, 109, .25); }
.btn-primary:hover { background: linear-gradient(180deg, #a85a71, #8b4258); }
.btn-ghost { border-color: rgba(168, 86, 109, .25); color: var(--ink); }
.tag { background: var(--accent-soft); color: #8b4258; }
.tag-soft { background: #fff; color: var(--ink-2); border: 1px solid var(--line); }
.tag-gold { background: #f6ecdf; color: #8a6440; }
.cart-count { background: var(--accent); }
.callout { background: linear-gradient(135deg, rgba(248, 227, 232, .8), rgba(255, 255, 255, .65)); border-color: rgba(168, 86, 109, .18); }
.card-art { background: linear-gradient(180deg, #fff, #fbeff1); }
.brand-word em { font-style: italic; color: var(--accent); margin-left: 4px; }
.cross-link { font-size: .82rem; color: var(--muted); white-space: nowrap; }
.skin-hero h1 em { font-style: italic; color: var(--accent); }
.soon-grid .card-body p { margin-bottom: 0; }
.waitlist { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.waitlist input[type=email] { flex: 1 1 240px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; font: inherit; background: #fff; }
.waitlist input[type=email]:focus { outline: 2px solid var(--accent); outline-offset: 1px; border-color: transparent; }
.jar { display: block; }
.jar-md { width: 90px; height: 120px; }
.jar-lg { width: 150px; height: 200px; }
.jar-t { fill: #fff; font: italic 400 13px 'Instrument Serif', Georgia, serif; }
.jar-s { fill: #fff; font: 500 7px Inter, sans-serif; letter-spacing: .12em; }
.ingredient { font-family: var(--mono); font-size: .75rem; letter-spacing: .08em; color: var(--muted); text-transform: uppercase; }