/* ============================================================
   HI-PRO TOOL HUB — Design tokens (Neu-Cyber)
   ============================================================ */

:root {
  /* Surfaces */
  --bg: #0B0F14;
  --bg-deep: #070A0E;
  --bg-soft: #0E131A;
  --surface: #141A22;
  --surface-2: #1A212B;
  --surface-3: #202834;
  --line: #232B36;
  --line-soft: rgba(255, 255, 255, 0.045);

  /* Accents */
  --accent: #FF4D5E;
  --accent-deep: #C1122B;
  --accent-2: #22D3EE;
  --accent-3: #F5B84A;
  --brand-rgb: 255, 77, 94;
  --ok: #34D399;
  --warn: #FBBF24;
  --err: #F87171;

  /* Text */
  --text: #E8EEF6;
  --text-2: #B7C2D0;
  --muted: #7F8C9E;

  /* Neumorphic depth */
  --shadow-out: 10px 10px 24px #06090D, -10px -10px 24px #1B2431;
  --shadow-out-sm: 6px 6px 14px #06090D, -6px -6px 14px #1B2431;
  --shadow-out-xs: 3px 3px 8px #06090D, -3px -3px 8px #1B2431;
  --shadow-in: inset 5px 5px 12px #06090D, inset -5px -5px 12px #1B2431;
  --shadow-in-sm: inset 3px 3px 8px #06090D, inset -3px -3px 8px #1B2431;
  --shadow-glow-brand: 0 0 0 1px rgba(255, 77, 94, 0.34), 0 0 28px rgba(255, 77, 94, 0.2);
  --shadow-glow-cyan: 0 0 0 1px rgba(34, 211, 238, 0.28), 0 0 26px rgba(34, 211, 238, 0.16);
  --shadow-glow-violet: 0 0 0 1px rgba(167, 139, 250, 0.28), 0 0 26px rgba(167, 139, 250, 0.16);
  --shadow-glow-amber: 0 0 0 1px rgba(245, 184, 74, 0.32), 0 0 26px rgba(245, 184, 74, 0.18);

  /* Radii */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  /* Layout */
  --sidebar-w: 264px;
  --topbar-h: 76px;
  --container: 1260px;
  --gutter: 28px;

  /* Type */
  --font-head: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.28s;
  --dur-fast: 0.16s;

  /* Layers */
  --z-topbar: 30;
  --z-sidebar: 40;
  --z-bottom-nav: 45;
  --z-modal: 80;
  --z-toast: 90;
}
