:root {
  --qon-bg: #03162b;
  --qon-bg-deep: #020e1d;
  --qon-green: #33d0a1;
  --qon-green-border: #52cdbe;
  --qon-blue: #08284a;
  --qon-text: #effffb;
  --qon-text-soft: #a8c8c4;
  --qon-warning: #ff6b6b;
  --qon-border: 1px solid rgba(82, 205, 190, 0.72);
  --qon-border-soft: 1px solid rgba(82, 205, 190, 0.22);
  --qon-radius: 18px;
  --qon-radius-small: 12px;
  --qon-shadow: 0 0 18px rgba(25, 190, 147, 0.28);
  --qon-shadow-large: 0 26px 90px rgba(0, 0, 0, 0.36);
  --qon-page: min(1180px, calc(100% - 48px));
  --qon-section-space: 112px;
  --qon-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --qon-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}