/* Variant: Plum — the Float hero as dark glass snippets on deep plum with pink glows.
   Layered on themes/float.css. Dark only. */

:root {
  --bg: #160d1c;
  --surface: rgba(42, 24, 54, 0.72);
  --muted: #1d1226;
  --ink: #f7eefa;
  --ink-2: #bba8c6;
  --line: #352341;
  --accent: #ff7ab6;
  --accent-ink: #1a0d20;
  --accent-soft: #3d1d3a;
  --green-soft: #2a1c3a;
  --amber-soft: #3a2230;
  --night: #20132a;
  --night-2: #2c1b39;
  --night-line: rgba(255, 255, 255, 0.1);
  --night-ink: #f7eefa;
  --night-ink-2: #bba8c6;

  /* The pastel glows of Float, turned into dusky ones. */
  --peach: rgba(255, 122, 182, 0.28);
  --lilac: rgba(150, 100, 255, 0.3);
  --mint: rgba(90, 120, 255, 0.22);
  --sky: rgba(120, 140, 255, 0.25);

  --ui-bg: #241731;
  --ui-line: #352341;
  --ui-fill: #46304f;
  --ui-fill-2: #2c1d3a;
  --ui-strong: #f7eefa;
  --ui-accent: #ff7ab6;
  --ui-img: #3a2148;
  --ui-tint-a: #4a2a55;
  --ui-tint-b: #2e2a5a;
  --ui-tint-c: #4a2a3a;

  color-scheme: dark;
}

.masthead { background: rgba(22, 13, 28, 0.8); border-bottom-color: var(--line); }
.pill--dark { background: var(--ink); color: var(--bg); }

.fl-chip {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(42, 24, 54, 0.75);
  box-shadow: 0 18px 40px -22px rgba(0, 0, 0, 0.7);
}
.fl-chip--crm .fl-chip__ico { background: rgba(150, 100, 255, 0.25); }
.fl-chip--doc .fl-chip__ico { background: rgba(255, 140, 100, 0.22); }
.fl-chip--web .fl-chip__ico { background: rgba(255, 122, 182, 0.22); }
.fl-chip--web .fl-chip__ico::after { border-color: #ff9cc8; }
.fl-chip--coach .fl-chip__ico { background: rgba(120, 140, 255, 0.25); }

.tile, .faq details, .contact__card { border: 1px solid var(--line); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.tile--dark { background: linear-gradient(160deg, #3d1d3a, #20132a 70%); }
.tile--dark .focus strong { color: #ffa8cf; }
.section--muted { background: rgba(29, 18, 38, 0.6); border-block: 1px solid var(--line); }
.steps li::before { background: linear-gradient(135deg, #ff7ab6, #9b6bff); color: #1a0d20; }
.product__visual--water { background: #2e2a5a; }
.product__visual--jobs { background: #3a2148; }
.product__visual--food { background: #4a2a3a; }
.product__link { color: var(--accent); }
.section--contact { background: radial-gradient(60% 80% at 85% 20%, rgba(255, 122, 182, 0.2), transparent), var(--night); border-top: 1px solid var(--line); }
.footer { border-top: 1px solid var(--line); }