/* ============================================================
   ServerReclaim — Design Tokens
   Dark tech base + electric cyan + magenta neon accents.
   De-AI: no full-screen gradients, no big-radius card stacks,
   no generic #667eea/#764ba2, no decorative emoji, no excess motion.
   ============================================================ */

:root {
  /* --- Background layers (blue-black, not pure black) --- */
  --bg-void: #0a0e14;       /* site base */
  --bg-surface: #121821;    /* panel / card base */
  --bg-elevated: #1a2332;   /* raised panel (sticky nav, table head) */
  --bg-inset: #060a0f;      /* inset area (code, spec tables) */

  /* --- Borders --- */
  --border-subtle: #1f2a3a;  /* default divider */
  --border-strong: #2a3a52;  /* hover divider */

  /* --- Text --- */
  --text-primary: #e6edf3;   /* main copy (contrast >=15:1 on void) */
  --text-secondary: #8b98a9; /* secondary copy */
  --text-muted: #5c6878;     /* labels / helpers */

  /* --- Neon accents (restrained: edges / underlines / focus / large data only) --- */
  --cyan: #00e5ff;           /* primary accent: CTA / links / active / key data */
  --cyan-soft: rgba(0, 229, 255, 0.12);
  --cyan-glow: 0 0 10px rgba(0, 229, 255, 0.45), 0 0 30px rgba(0, 229, 255, 0.15);

  --magenta: #ff2d7e;        /* secondary accent: value / price / hover / 2nd CTA */
  --magenta-soft: rgba(255, 45, 126, 0.12);
  --magenta-glow: 0 0 10px rgba(255, 45, 126, 0.45), 0 0 30px rgba(255, 45, 126, 0.15);

  /* --- Semantic --- */
  --value-positive: #00ffa3; /* paid / received */
  --warn: #ffb800;

  /* --- Typography --- */
  --font-display: 'Syne', system-ui, sans-serif;
  --font-body: 'Sora', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* --- Radius (kept small, anti AI big-radius) --- */
  --radius-sm: 2px;
  --radius: 4px;
  --radius-pill: 999px;       /* badges / chips only */

  /* --- Spacing (8px base grid) --- */
  --grid-gap: 8px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* --- Layout --- */
  --maxw: 1240px;
  --nav-h: 68px;

  /* --- Motion (deliberately short) --- */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur: 140ms;

  /* --- Z-index --- */
  --z-nav: 100;
  --z-drawer: 200;
  --z-overlay: 150;
}