/* Durward theme override for self-hosted Chatwoot — maps the app's own Radix-style
   CSS custom properties (shared by dashboard, widget and v3app bundles) onto the
   Durward.ai "Warm Signal" design tokens. Loaded as an extra stylesheet after the
   compiled app CSS, so no rebuild of the Vue bundle is required. */

@font-face {
  font-family: 'Nunito Variable';
  src: url('/fonts/NunitoVariable.woff2') format('woff2-variations'), url('/fonts/NunitoVariable.woff2') format('woff2');
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  /* neutral scale (slate + gray both remapped to Durward's cool neutral family,
     step 12 tied to --color-ink so darkest UI text matches the site exactly) */
  --slate-1: 252 252 253; --gray-1: 252 252 253;
  --slate-2: 249 250 251; --gray-2: 249 250 251;
  --slate-3: 245 246 247; --gray-3: 245 246 247;
  --slate-4: 240 241 242; --gray-4: 240 241 242;
  --slate-5: 231 233 235; --gray-5: 231 233 235;
  --slate-6: 222 224 226; --gray-6: 222 224 226;
  --slate-7: 211 215 218; --gray-7: 211 215 218;
  --slate-8: 190 195 199; --gray-8: 190 195 199;
  --slate-9: 168 175 181; --gray-9: 168 175 181;
  --slate-10: 124 133 140; --gray-10: 124 133 140;
  --slate-11: 86 95 102; --gray-11: 86 95 102;
  --slate-12: 25 30 73; --gray-12: 25 30 73;

  /* primary — Durward Control-Room Blue */
  --blue-1: 250 252 255;
  --blue-2: 244 248 253;
  --blue-3: 232 241 251;
  --blue-4: 219 234 249;
  --blue-5: 194 221 241;
  --blue-6: 160 202 229;
  --blue-7: 121 178 214;
  --blue-8: 74 149 195;
  --blue-9: 20 106 156;
  --blue-10: 14 78 116;
  --blue-11: 14 78 116;
  --blue-12: 25 30 73;

  /* error — Durward accent red */
  --ruby-9: 185 28 28;
  --ruby-10: 153 27 27;
  --ruby-11: 153 27 27;

  /* success */
  --teal-9: 30 158 106;
  --teal-10: 23 128 90;
  --teal-11: 23 128 90;

  /* semantic surface / canvas tokens */
  --background-color: 244 246 250;
  --surface-1: 255 255 255;
  --surface-2: 255 255 255;
  --surface-active: 232 241 251;
  --card-color: 255 255 255;
  --border-container: 228 231 240;
  --border-strong: 211 215 218;
  --border-weak: 228 231 240;
  --border-blue: 20, 106, 156, .5;
  --border-blue-strong: 14 78 116;
  --button-color: 255 255 255;
  --label-background: 245 246 247;
}

.dark {
  /* matched to the exact navy behind the shipped logo-dark.png asset, so the
     logo lockup's background blends seamlessly into the sidebar/header */
  --background-color: 2 15 38;
  --surface-1: 14 25 52;
  --surface-2: 14 25 52;
  --surface-active: 26 42 78;
  --card-color: 14 25 52;
  --border-container: 32 46 78;
  --border-strong: 46 62 98;
  --blue-9: 121 194 250;
  --blue-10: 160 213 252;
  --blue-11: 160 213 252;
}

html, body, #app {
  font-family: 'Nunito Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Campaigns empty-state ships hardcoded sample rows (fake "PaperLayer" sender/company,
   one literally named "Chatwoot", chwt.app short-links) baked into the compiled bundle.
   They render non-interactive (opacity-50 pointer-events-none) behind the real empty
   message, so hiding that wrapper removes the placeholder without touching real data. */
.opacity-50.pointer-events-none {
  visibility: hidden !important;
}