/* ChatX design tokens, shared by the admin app and the product site. */
:root {
  --bg: #F4F2EC;
  --bg-sunk: #ECE9E1;
  --surface: #FAF9F5;
  --surface-2: #F1EFE8;
  --line: #DCD7CC;
  --line-strong: #C6C0B2;
  --ink: #1D1E1B;
  --ink-2: #53554E;
  --ink-3: #807F77;
  --accent: #1F5662;
  --accent-strong: #163F48;
  --accent-tint: #E2EAE9;
  --on-accent: #F6F5F1;
  --success: #2F6B45;
  --success-tint: #E3ECE2;
  --warn: #87581A;
  --warn-tint: #F2E8D6;
  --error: #9E3B2C;
  --error-tint: #F3E2DD;

  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --radius: 3px;
  --focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
}