/* Standalone widget page (index.html). BO embed uses styles-embed.css. */

:root {
  /* Brand */
  --brand-navy: #0d3876;
  --brand-orange: #ff5f2c;
  --brand-orange-deep: #e74916;

  /* Neutrals */
  --black: #1c1c1c;          /* uber-dark for user bubbles, primary text */
  --text: #1c1c1c;
  --text-muted: #6b6f76;
  --text-soft: #9ba0a8;
  --line: #ececee;
  --line-soft: #f3f3f5;
  --surface: #ffffff;
  --surface-2: #fafafa;       /* very pale body bg so white cards lift */

  /* Status colors — single, calm */
  --status-open: #ff7a2f;
  --status-pending: #f5b800;
  --status-resolved: #1ea760;
  --status-closed: #8a8e96;
  --error: #d92d20;
  --success: #1ea760;

  /* Layout */
  --launcher: 56px;
  --w: 380px;
  --w-expanded: 540px;
  --h-expanded: 820px;
  --gap: 20px;

  /* Radius ladder */
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 22px;
  --r-full: 999px;

  /* Shadow ladder — soft neutral, NOT navy-tinted */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.03);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.04);
  --shadow-lg: 0 16px 40px -8px rgba(0,0,0,0.16), 0 4px 12px rgba(0,0,0,0.05);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

@import url('./styles-widget.css');