/* BOX — Agent / Qadeem dark shell (safer overrides) */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root,
.dark,
html.dark,
body.dark,
html.dark body,
body .dark {
  --slate-1: 17 17 17;
  --slate-2: 13 13 13;
  --slate-3: 30 30 30;
  --slate-4: 38 38 38;
  --slate-5: 46 46 46;
  --slate-6: 58 58 58;
  --slate-7: 72 72 72;
  --slate-8: 96 96 96;
  --slate-9: 115 115 115;
  --slate-10: 130 130 130;
  --slate-11: 163 163 163;
  --slate-12: 236 236 236;

  --gray-1: 17 17 17;
  --gray-2: 13 13 13;
  --gray-3: 30 30 30;
  --gray-4: 38 38 38;
  --gray-5: 46 46 46;
  --gray-6: 58 58 58;
  --gray-7: 72 72 72;
  --gray-8: 96 96 96;
  --gray-9: 115 115 115;
  --gray-10: 130 130 130;
  --gray-11: 180 180 180;
  --gray-12: 236 236 236;

  --background-color: 17 17 17;
  --surface-1: 13 13 13;
  --surface-2: 30 30 30;
  --surface-active: 38 38 38;
  --background-input-box: 255, 255, 255, 0.04;
  --card-color: 30 30 30;

  --border-strong: 40 40 40;
  --border-weak: 32 32 32;
  --border-container: 255, 255, 255, 0.08;

  --solid-1: 30 30 30;
  --solid-2: 30 30 30;
  --solid-3: 38 38 38;
  --solid-active: 46 46 46;
  --solid-blue: 38 38 38;
  --solid-blue-2: 30 30 30;
  --solid-iris: 38 38 38;
  --solid-purple: 38 38 38;

  --button-color: 255 255 255;
  --button-hover-color: 229, 229, 229, 1;
  --label-background: 30 30 30;
  --label-border: 255, 255, 255, 0.08;

  --alpha-1: 30, 30, 30, 0.9;
  --alpha-2: 255, 255, 255, 0.06;
  --alpha-3: 17, 17, 17, 0.96;
  --white-alpha: 255, 255, 255, 0.1;
  --overlay: 0, 0, 0, 0.55;

  /* Primary accent → white (Agent CTA) */
  --blue-9: 255 255 255;
  --blue-10: 229 229 229;
  --blue-11: 236 236 236;
  --blue-12: 10 10 10;
  --iris-9: 255 255 255;
  --iris-10: 229 229 229;
  --iris-11: 236 236 236;
  --iris-12: 236 236 236;
  --border-blue: 255, 255, 255, 0.2;
  --border-blue-strong: 236 236 236;
  --text-blue: 236 236 236;
  --text-purple: 236 236 236;
}

html,
body {
  background: #111111 !important;
  color: #ececec !important;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  letter-spacing: -0.01em;
  color-scheme: dark !important;
}

/* Brand blue → white CTA */
.bg-n-brand,
.bg-woot-500,
.bg-woot-600,
.button--primary {
  background-color: #ffffff !important;
  color: #0a0a0a !important;
}

.bg-n-brand:hover,
.bg-woot-500:hover,
.bg-woot-600:hover,
.button--primary:hover {
  background-color: #e5e5e5 !important;
  color: #0a0a0a !important;
}

.text-n-brand,
.text-woot-500,
.text-woot-600 {
  color: #ececec !important;
}

.border-n-brand,
.border-woot-500 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}