/* ==========================================================================
   Design tokens — extracted from the nexgts.ai inline-styled prototype.
   Single source of truth for color, type, spacing used across every page.
   ========================================================================== */
:root {
  /* Surfaces */
  --bg:            #0a0f1c;
  --bg-alt:        #0b1120;
  --bg-alt-2:      #0c1322;
  --bg-card:       #0e1626;
  --bg-panel:      #0c1220;
  --bg-panel-dark: #0a1020;
  --bg-code:       #080e1a;
  --bg-footer:     #080d18;

  /* Text */
  --text-heading:   #f4f8fe;
  --text-body:      #e6ecf5;
  --text-card-title:#eef3fb;
  --text-secondary: #9aa8be;
  --text-tertiary:  #8b99af;
  --text-muted:     #7e8aa0;
  --text-faint:     #5d6b82;
  --text-faintest:  #6f7c92;

  /* Borders */
  --border-soft:   rgba(255,255,255,0.07);
  --border:        rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.12);
  --border-input:  rgba(255,255,255,0.10);
  --border-heavy:  rgba(255,255,255,0.18);

  /* Brand accents */
  --c-green:   #34d6a1;
  --c-green-ink: #06140e;
  --c-blue:    #4f9dff;
  --c-blue-ink: #04122b;
  --c-purple:  #b07bff;
  --c-purple-ink: #0c0717;
  --c-amber:   #f0b54a;
  --c-amber-ink: #1c1304;
  --c-pink:    #f06ba8;
  --c-cyan:    #3fd0d6;
  --c-indigo:  #7d8cf5;
  --c-teal:    #58c9a0;

  /* Type */
  --font-display: 'Space Grotesk', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;
  --font-body:    'IBM Plex Sans', sans-serif;

  /* Layout */
  --container-max: 1320px;
  --container-pad: 32px;
  --header-h: 66px;

  /* Motion */
  --ease-standard: cubic-bezier(.4,0,.2,1);
}