/* Noctis Agentic — design tokens (noctisagentic.zone)
   Single theme: "Agentic" (Degen base + Midnight City pixel layer). Copy unchanged. */
/* Fonts are self-hosted: see ../fonts/fonts.css, linked before this sheet. */

[data-theme="agentic"]{
  /* grounds */
  --paper:#0B0E13; --surface:#12161D; --surface-2:#171C24; --hover:#1E242E; --desk:#07090C;
  --panel:#141A2B; --panel-2:#111621; --panel-3:#10141A; --panel-rule:#2B3446;
  /* rules */
  --rule:#242B35; --rule-2:#1E242E; --rule-faint:#1A1F27; --rule-strong:#38414F;
  /* text ramp */
  --ink:#F4F7FA; --t2:#C7D0DC; --t3:#A8B3C2; --t4:#98A4B4; --t5:#8E9AAB;
  /* primary (hot pink, legacy name "blue" kept for token parity with noctis.zone / NoctisSwap) */
  --blue:#FF2FB0; --blue-h:#FF57C0; --blue-d:#FF8AD8; --blue-t:#FF8AD8; --on-blue:#07090C;
  /* status */
  --green:#00FFA3; --green-2:#00FFA3; --chip:#00FFA3; --chip-fg:#07090C;
  --amber:#FFD400; --red:#FF5C7A; --chart-up:#00FFA3; --chart-down:#FF5C7A;
  --track:#2A3340; --bar-empty:#161B22;
  /* the 5-colour accent cycle — buttons, borders, tabs, KPI tops rotate through these in order */
  --c1:#FF2FB0; --c2:#00E5FF; --c3:#00FFA3; --c4:#FFD400; --c5:#FF7A1A;
  --mark-filter:invert(1);
  /* type */
  --pix:'Jersey 20','Pixelify Sans',monospace;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --body:'Inter',system-ui,sans-serif;
  --logo:'Montserrat',sans-serif;
  --pxs:1.28; /* pixel-font optical scale: multiply every var(--pix) size by this */
  /* signature gradient (SIGN IN / primary CTA) */
  --drift:linear-gradient(90deg,#A83A80 0%,#6E42BC 20%,#2D6099 40%,#1C7460 60%,#7E6522 80%,#A83A80 100%);
  /* bevel used on all pixel buttons */
  --bevel:inset 2px 2px 0 rgba(255,255,255,.3),inset -2px -2px 0 rgba(0,0,0,.35);
}
html,body{margin:0;background:#0B0E13;color:#F4F7FA;-webkit-font-smoothing:antialiased;font-synthesis-weight:none}
a{color:#FF8AD8;text-decoration:none} a:hover{color:#F4F7FA}
*:focus-visible{outline:2px solid #FF2FB0;outline-offset:2px}
::selection{background:rgba(0,255,163,.25)}
input,button,select,textarea{font:inherit;color:inherit}
input[type=range]{accent-color:#FF2FB0}
*{scrollbar-width:none;-ms-overflow-style:none} *::-webkit-scrollbar{width:0;height:0;display:none}
img.pixel,canvas.pixel{image-rendering:pixelated}

@keyframes mtBlink{0%,100%{opacity:1}50%{opacity:.2}}           /* live dots — steps(2) 1.2–1.6s */
@keyframes dgDrift{0%{background-position:0% 50%}100%{background-position:-300% 50%}} /* --drift, 300% size, 14s linear */
@keyframes agBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}      /* city agent pins 2.2–3.4s */
@keyframes agIn{0%{opacity:0;transform:translateX(-8px)}100%{opacity:1;transform:none}} /* new feed rows 280ms */
@keyframes agCaret{0%,49%{opacity:1}50%,100%{opacity:0}}          /* headline "_" caret 1s */