/* Incontra site, dark: black background, white text, violet accents (approved 2026-10-16).
   Loads after the page's own styles. Delete this file's <link> to return to the light B2. Only three colours: black, white, violet (with its lilac tint). */
:root {
  --bg: #000000; --bg-2: #0a0a0b; --fg: #ffffff; --muted: #a1a1aa; --line: #232326;
  --card: #0f0f11; --accent: #6142ff; --accent-2: #b9a8ff; --accent-soft: #1c1640; --on-accent: #ffffff;
  --lilac: #b9a8ff;
  --shadow-1: 0 1px 2px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.5);
  --shadow-2: 0 1px 2px rgba(0,0,0,.6), 0 18px 48px -12px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.04);
  color-scheme: dark;
}
:focus-visible { outline-color: #fff; }

/* violet light drifting on black */
.mesh i { opacity: 1; }
.mesh { -webkit-mask-image: linear-gradient(#000 55%, transparent 98%); mask-image: linear-gradient(#000 55%, transparent 98%); }
.mesh i:nth-child(1) { background: radial-gradient(closest-side, rgba(97,66,255,.32), rgba(97,66,255,0)); }
.mesh i:nth-child(2) { background: radial-gradient(closest-side, rgba(97,66,255,.22), rgba(97,66,255,0)); }
.mesh i:nth-child(3) { background: radial-gradient(closest-side, rgba(185,168,255,.10), rgba(185,168,255,0)); }
.grid-bg { background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); }

.chip { background: rgba(255,255,255,.05); }
.check-sec .chip { justify-self: start; }
.chip::before { box-shadow: 0 0 0 4px rgba(97,66,255,.28); }
.btn { box-shadow: 0 8px 24px -8px rgba(97,66,255,.75), inset 0 1px 0 rgba(255,255,255,.22); }
@media (hover: hover) { .btn:hover { box-shadow: 0 12px 30px -8px rgba(97,66,255,.9), inset 0 1px 0 rgba(255,255,255,.22); } }
.btn.ghost { background: #0f0f11; color: #fff; border-color: #2c2c30; }

.top .bar { background: rgba(12,12,14,.72); border-color: rgba(255,255,255,.08); }

.step, .price, .checklist, .float .card { background: var(--card); border-color: var(--line); }
.price .tag, .iw-tag { background: var(--accent-soft); color: var(--lilac); }
#pricing { background: var(--bg-2) !important; }

/* code-drawn calendar icon (step 5) */
[data-cal] svg rect:not(.slot) { fill: #222226; stroke: #fff; }
[data-cal] svg path:not(.ok) { stroke: #fff; }

/* floating cards and checklist */
.float .av, .iw-av { background: var(--accent-soft); color: var(--lilac); }
.checklist .row .box { fill: var(--accent-soft); }

/* the campaign window, dark */
.iw { background: #0b0b0d; border-color: #26262a; box-shadow: 0 1px 1px rgba(0,0,0,.5), 0 30px 60px -20px rgba(97,66,255,.35), 0 0 0 6px rgba(255,255,255,.04); }
.iw-bar { background: #111114; border-bottom-color: #1f1f23; }
.iw-bar i, .iw-bar i:nth-child(1), .iw-bar i:nth-child(2), .iw-bar i:nth-child(3) { background: #3a3a40; }
.iw-side { background: #0e0e11; border-right-color: #1f1f23; }
.iw-side button.on { background: var(--accent-soft); color: #fff; }
.iw-side .iw-sep { background: #1f1f23; }
.iw-row { background: #121215; border-color: #1f1f23; }
.iw-row.head { background: none; }
.iw-spin { border-color: #333338; border-top-color: var(--accent); }
.iw-pill.ok { background: var(--accent-soft); color: var(--lilac); }
.iw-pill.bad { background: #1a1a1d; color: #9a9aa2; }
.iw-row.removed .nm, .iw-row.removed .rl, .iw-row.removed .co { text-decoration-color: #5a5a60; }
.iw-mail, .iw-checks, .iw-record, .iw-cal { border-color: #232327; }
.iw-field { border-bottom-color: #1c1c20; }
.iw-msg { background: #121215; border-color: #1f1f23; }
.iw-msg.hot { background: #15112e; border-color: var(--accent); box-shadow: 0 8px 22px -10px rgba(97,66,255,.7); }
.iw-ck .box { stroke: #3a3a40; }
.iw-cal > div { border-color: #1c1c20; }
.iw-cal .dh { background: #111114; }
.iw-cal > .iw-event { color: #fff; }
.iw-event { box-shadow: 0 10px 24px -8px rgba(97,66,255,.8); }
.iw-line { border-top-color: #2a2a2e; }
.iw-line .tick { stroke: var(--accent); }
.iw-cursor path { fill: #fff; stroke: #000; }

/* footer */
.ph { border-bottom-color: #3a3a40; }
.pause[aria-pressed="true"] { background: #fff; color: #000; border-color: #fff; }