/* MMNWEB dynamic theme: site */
:root{
  --night: #050509;
  --night-rgb: 5,5,9;
  --night-2: #0B0617;
  --night-2-rgb: 11,6,23;
  --violet: #130B28;
  --violet-rgb: 19,11,40;
  --paper: #0B0B14;
  --paper-rgb: 11,11,20;
  --paper-2: #121020;
  --paper-2-rgb: 18,16,32;
  --line: #28233C;
  --line-rgb: 40,35,60;
  --ink: #F4F7FF;
  --ink-rgb: 244,247,255;
  --muted: #A0A4B8;
  --muted-rgb: 160,164,184;
  --muted-2: #777D96;
  --muted-2-rgb: 119,125,150;
  --accent: #1677FF;
  --accent-rgb: 22,119,255;
  --accent-alt: #0A50C8;
  --accent-alt-rgb: 10,80,200;
  --success: #00D16F;
  --success-rgb: 0,209,111;
  --warning: #FFBE2E;
  --warning-rgb: 255,190,46;
  --danger: #FF2F4F;
  --danger-rgb: 255,47,79;
}
body{
  background:
    radial-gradient(circle at 76% 8%, rgba(var(--accent-rgb), .18), transparent 34%),
    radial-gradient(circle at 22% 0%, rgba(var(--violet-rgb), .42), transparent 30%),
    linear-gradient(180deg, var(--night) 0%, var(--night-2) 42%, var(--violet) 100%);
  color: var(--ink);
}
.site-header,.site-footer,footer{
  background:
    radial-gradient(circle at 78% 18%, rgba(var(--accent-rgb), .16), transparent 34%),
    linear-gradient(135deg, var(--night) 0%, var(--night-2) 54%, var(--violet) 100%);
  color: var(--ink);
}
.btn--accent,.btn-mini.primario{
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-alt) 100%);
  border-color: rgba(var(--accent-rgb), .62);
  color: #fff;
}
.btn--ghost-dark,.btn--ghost,.hero-pill,.engine-frame,.sim-card,.case-card,.price-card,.doc-card,.blog-card,.faq-item,.glossary-card{
  background: rgba(var(--paper-2-rgb), .76);
  border-color: rgba(var(--line-rgb), .82);
}
.section--light,.blog-list,.blog-article,.page-band,.content-light{
  background: linear-gradient(180deg, rgba(var(--paper-rgb), .98), rgba(var(--night-2-rgb), .98));
  color: var(--ink);
}
.muted,.lead,.section p,.site-footer p,.site-footer a,footer p,footer a{
  color: var(--muted);
}
a,.accent,.nav a:hover,.hero-pill,.kicker{
  color: var(--accent);
}
.ok,.success{color:var(--success)}
.warn,.warning{color:var(--warning)}
.danger,.error{color:var(--danger)}
