/* ==========================================================================
   NXHUMANS · Design Tokens
   v1.0 · 2026
   ========================================================================== */

:root {
  /* ===== Brand Core — extraído del logo NX ===== */
  --nx-cyan:     #1ebdff;   /* punta N — luminoso · START del gradiente */
  --nx-cyan-2:   #28a8ff;
  --nx-blue:     #1c6dff;   /* centro — azul de marca · CORE */
  --nx-blue-2:   #1855e6;
  --nx-indigo:   #2a3ad6;
  --nx-violet:   #4a2bd9;   /* punta X · END del gradiente */
  --nx-violet-2: #6b2bd9;

  /* ===== Neutrals · 10 steps ===== */
  --ink-0:  #ffffff;
  --ink-1:  #f5f7fb;
  --ink-2:  #e6eaf2;
  --ink-3:  #c7cfdd;
  --ink-4:  #8b95a8;
  --ink-5:  #5b6578;
  --ink-6:  #2a3142;
  --ink-7:  #171b28;
  --ink-8:  #0c0f18;
  --ink-9:  #000000;

  /* ===== Semantic · Dark theme default ===== */
  --bg:        #0a0d15;
  --surface:   #131826;
  --surface-2: #1b2133;
  --border:    rgba(255, 255, 255, 0.08);
  --border-2:  rgba(255, 255, 255, 0.14);
  --text:      #ecf0f8;
  --text-mute: #8b95a8;

  /* ===== Support ===== */
  --success: #4ee0a8;
  --warning: #ffc567;
  --danger:  #ff5e7a;
  --accent:  #a58bff;

  /* ===== Brand gradients ===== */
  --g-brand:      linear-gradient(120deg, #1ebdff 0%, #1c6dff 45%, #4a2bd9 100%);
  --g-brand-soft: linear-gradient(120deg, rgba(30,189,255,0.15), rgba(74,43,217,0.15));
  --g-mark:       linear-gradient(135deg, #1ebdff 0%, #1c6dff 50%, #4a2bd9 100%);

  /* ===== Typography ===== */
  --font-display: "Inter Tight", system-ui, -apple-system, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;

  /* Type scale */
  --fs-display: 72px;
  --fs-h1:      48px;
  --fs-h2:      32px;
  --fs-h3:      22px;
  --fs-body:    16px;
  --fs-small:   13px;
  --fs-mono:    12px;

  /* ===== Radii ===== */
  --r-xs:   6px;
  --r-sm:   10px;
  --r-md:   14px;
  --r-lg:   20px;
  --r-xl:   28px;
  --r-2xl:  40px;
  --r-full: 999px;

  /* ===== Spacing · base-4 ===== */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-6:  24px;
  --s-8:  32px;
  --s-12: 48px;
  --s-16: 64px;
  --s-24: 96px;

  /* ===== Shadows ===== */
  --sh-sm:   0 2px 8px rgba(0, 0, 0, 0.25);
  --sh-md:   0 8px 24px rgba(0, 0, 0, 0.35);
  --sh-lg:   0 24px 60px rgba(0, 0, 0, 0.45);
  --sh-glow: 0 0 40px rgba(28, 109, 255, 0.35);
}

/* ===== Light theme override ===== */
[data-theme="light"] {
  --bg:        #ffffff;
  --surface:   #f5f7fb;
  --surface-2: #e6eaf2;
  --border:    rgba(0, 0, 0, 0.08);
  --border-2:  rgba(0, 0, 0, 0.14);
  --text:      #0c0f18;
  --text-mute: #5b6578;
}