/* ============================================================
   ADAM.TECH — Tweaks overrides
   Three expressive axes that reshape the whole feel:
   · Accent mood  — color identity (spectrum / aqua / violet / mono)
   · Atmosphere   — ambient energy (lively / soft / minimal)
   · Edge         — geometry & finish (rounded / sharp)
   Only non-default states emit rules; defaults inherit landing.css.
   ============================================================ */

/* ---------- ACCENT MOOD : recolours the entire brand signal ---------- */
/* --accent drives eyebrows, dots, glows, buttons, hovers, contact pills.
   --grad-shock drives every gradient headline + .shock-text run. */
body.mood-aqua {
  --accent: #1FB6CE;
  --grad-shock: linear-gradient(120deg, #44C18A 0%, #1FB6CE 100%);
  --grad-adam:  linear-gradient(135deg, #44C18A 0%, #1FB6CE 100%);
}
body.mood-violet {
  --accent: #6E5BF0;
  --grad-shock: linear-gradient(120deg, #6E5BF0 0%, #E24AA8 100%);
  --grad-adam:  linear-gradient(135deg, #5B33F2 0%, #E24AA8 100%);
}
body.mood-mono {
  --accent: #D8D8E4;
  --grad-shock: linear-gradient(120deg, #FFFFFF 0%, #8E8EA6 100%);
  --grad-adam:  linear-gradient(135deg, #FFFFFF 0%, #8E8EA6 100%);
}

/* Big ambient glows follow the mood (hero + final CTA) */
body.mood-aqua .hero {
  background:
    radial-gradient(circle at 18% 22%, rgba(31,182,206,0.28) 0%, transparent 42%),
    radial-gradient(circle at 88% 72%, rgba(68,193,138,0.24) 0%, transparent 48%),
    var(--void);
}
body.mood-violet .hero {
  background:
    radial-gradient(circle at 18% 22%, rgba(110,91,240,0.32) 0%, transparent 42%),
    radial-gradient(circle at 88% 72%, rgba(226,74,168,0.20) 0%, transparent 48%),
    var(--void);
}
body.mood-mono .hero {
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,0.10) 0%, transparent 42%),
    radial-gradient(circle at 88% 72%, rgba(255,255,255,0.05) 0%, transparent 48%),
    var(--void);
}
body.mood-aqua .s-cta {
  background:
    radial-gradient(circle at 50% 120%, rgba(31,182,206,0.40) 0%, transparent 55%),
    radial-gradient(circle at 50% -10%, rgba(68,193,138,0.26) 0%, transparent 52%),
    var(--void);
}
body.mood-violet .s-cta {
  background:
    radial-gradient(circle at 50% 120%, rgba(110,91,240,0.44) 0%, transparent 55%),
    radial-gradient(circle at 50% -10%, rgba(226,74,168,0.24) 0%, transparent 52%),
    var(--void);
}
body.mood-mono .s-cta {
  background:
    radial-gradient(circle at 50% 120%, rgba(255,255,255,0.16) 0%, transparent 55%),
    radial-gradient(circle at 50% -10%, rgba(255,255,255,0.07) 0%, transparent 52%),
    var(--void);
}
/* Mono keeps the hero stats neutral so nothing fights the greyscale */
body.mood-mono .hero .stat .n { color: var(--ink); }
body.mood-mono .stack-head .meta .big,
body.mood-mono .trust-head .meta .big { color: var(--ink); }

/* ---------- ATMOSPHERE : ambient energy & density ---------- */
/* Lively — buzzing tech: brighter glyphs, faster tickers, grid shows
   (grid visibility itself is toggled in JS via the .no-grid class). */
body.atmo-lively .glyphs span { filter: brightness(2.4); }
body.atmo-lively .ticker-track  { animation-duration: 24s; }
body.atmo-lively .marquee-track { animation-duration: 20s; }
body.atmo-lively .bg-grid { mask-image: radial-gradient(ellipse 100% 90% at 50% 40%, #000 45%, transparent 92%); }

/* Minimal — calm enterprise: glyphs gone, motion slowed to a crawl */
body.atmo-minimal .glyphs { opacity: 0; }
body.atmo-minimal .ticker-track  { animation-duration: 96s; }
body.atmo-minimal .marquee-track { animation-duration: 78s; }
body.atmo-minimal .eyebrow .dot  { animation-duration: 3.4s; }
body.atmo-minimal .net .pulse    { animation-duration: 6s; }

/* ---------- EDGE : geometry & finish ---------- */
/* Sharp — engineered / brutalist: square corners, crisp bright hairlines. */
body.edge-sharp .btn,
body.edge-sharp .eyebrow,
body.edge-sharp .contact-pill,
body.edge-sharp .footer-tags span,
body.edge-sharp .nav-toggle,
body.edge-sharp .dep-cta,
body.edge-sharp .qbadge,
body.edge-sharp .camp-chips span,
body.edge-sharp .vt-mods span,
body.edge-sharp .dash-modules .mod {
  border-radius: 2px !important;
}
body.edge-sharp .pcard,
body.edge-sharp .lcard,
body.edge-sharp .panel,
body.edge-sharp .vtile,
body.edge-sharp .scat,
body.edge-sharp .dash,
body.edge-sharp .aicon,
body.edge-sharp .net,
body.edge-sharp .fin,
body.edge-sharp .fin-kpi,
body.edge-sharp .receipt,
body.edge-sharp .vision-feed,
body.edge-sharp .sec-shield,
body.edge-sharp .net-node,
body.edge-sharp .net-hub {
  border-radius: 0 !important;
}
body.edge-sharp .pcard,
body.edge-sharp .lcard,
body.edge-sharp .scat,
body.edge-sharp .vtile,
body.edge-sharp .panel {
  border-color: var(--line-bright) !important;
}

/* ============================================================
   SEGMENTED CONTROL  (used for Atmosphere + Edge in the panel)
   ============================================================ */
#tweaks .tk-seg {
  display: flex; gap: 4px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--line-bright);
  border-radius: 10px; padding: 4px;
}
#tweaks .tk-seg button {
  flex: 1; cursor: pointer;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--dim); background: none; border: 0;
  padding: 8px 6px; border-radius: 7px;
  transition: color 0.18s, background 0.18s;
}
#tweaks .tk-seg button:hover { color: var(--ink); }
#tweaks .tk-seg button.on {
  background: var(--accent);
  color: var(--void);
  font-weight: 700;
}