/* Nimbus Networks brand tokens — green + blue */
:root {
  /* Brand — from logo */
  --nb-green-50:  #f1f8e8;
  --nb-green-100: #dcefc1;
  --nb-green-200: #c1e394;
  --nb-green-300: #a3d564;
  --nb-green-400: #8bc740;
  --nb-green-500: #7ab829;  /* primary green */
  --nb-green-600: #65a01b;
  --nb-green-700: #4f8014;
  --nb-green-800: #3a6010;
  --nb-green-900: #29440b;

  --nb-blue-50:  #eaf2f9;
  --nb-blue-100: #cfe0ee;
  --nb-blue-200: #a8c8e0;
  --nb-blue-300: #7aabd0;
  --nb-blue-400: #538fbf;
  --nb-blue-500: #3b82b5;  /* primary blue */
  --nb-blue-600: #2e6c9a;
  --nb-blue-700: #24557a;
  --nb-blue-800: #1c405d;
  --nb-blue-900: #142a3e;

  --nb-navy: #1c2a3e;
  --nb-navy-2: #0f1a2a;

  /* Semantic */
  --nb-ok: var(--nb-green-500);
  --nb-warn: #e8a73b;
  --nb-crit: #d94343;
  --nb-info: var(--nb-blue-500);

  /* Light surfaces — clean office */
  --nb-bg: #f5f7fa;
  --nb-surface: #ffffff;
  --nb-surface-2: #fafbfc;
  --nb-border: #e3e7ed;
  --nb-border-strong: #d1d7e0;
  --nb-text: #1c2a3e;
  --nb-text-2: #4a5a72;
  --nb-text-3: #8a96a8;
  --nb-hover: #eef2f7;

  --nb-font-sans: 'Pretendard', 'Pretendard Variable', -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --nb-font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, monospace;
}

.nb-scope {
  --bg: var(--nb-bg);
  --surface: var(--nb-surface);
  --surface-2: var(--nb-surface-2);
  --border: var(--nb-border);
  --border-strong: var(--nb-border-strong);
  --text: var(--nb-text);
  --text-2: var(--nb-text-2);
  --text-3: var(--nb-text-3);
  --hover: var(--nb-hover);
  --primary: var(--nb-green-500);
  --primary-d: var(--nb-green-600);
  --secondary: var(--nb-blue-500);
  --secondary-d: var(--nb-blue-600);
  --ok: var(--nb-green-500);
  --warn: var(--nb-warn);
  --crit: var(--nb-crit);
  --info: var(--nb-blue-500);
  font-family: var(--nb-font-sans);
}

/* Dark theme — slate navy with green/blue brand accents */
.nb-scope.theme-dark {
  --bg:        #0d1421;
  --surface:   #131c2c;
  --surface-2: #1a2338;
  --border:    #25304a;
  --border-strong: #34416a;
  --text:      #e8edf6;
  --text-2:    #aab4c8;
  --text-3:    #6f7d96;
  --hover:     #1c2740;
  --primary:   var(--nb-green-400);
  --primary-d: var(--nb-green-500);
  --secondary: var(--nb-blue-300);
  --secondary-d: var(--nb-blue-400);
  --ok:   var(--nb-green-400);
  --warn: #f3b95a;
  --crit: #ef6d6d;
  --info: var(--nb-blue-300);

  /* Override the brand-50 swatches so light-tinted chips work in dark too */
  --nb-bg:        #0d1421;
  --nb-surface:   #131c2c;
  --nb-surface-2: #1a2338;
  --nb-border:    #25304a;
  --nb-border-strong: #34416a;
  --nb-text:      #e8edf6;
  --nb-text-2:    #aab4c8;
  --nb-text-3:    #6f7d96;
  --nb-hover:     #1c2740;
  --nb-green-50:  rgba(122,184,41,.14);
  --nb-green-700: var(--nb-green-300);
  --nb-blue-50:   rgba(59,130,181,.18);
  --nb-blue-700:  var(--nb-blue-300);
  --nb-navy:      #060b15;
}
.nb-scope * { box-sizing: border-box; }
.nb-scope .mono { font-family: var(--nb-font-mono); }
.nb-scope .scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.nb-scope .scroll::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 8px; }
.nb-scope .scroll::-webkit-scrollbar-track { background: transparent; }
@keyframes nbPulse{0%{box-shadow:0 0 0 0 rgba(217,67,67,.5)}70%{box-shadow:0 0 0 8px rgba(217,67,67,0)}100%{box-shadow:0 0 0 0 rgba(217,67,67,0)}}