/**
 * Charlala shared design tokens
 * Source of truth for DrawRoom + Simulated Conversation (and future apps).
 * Full write-up: docs/drawroom-design-system.md
 */

:root {
  /* Primary — purple */
  --p50: #f5f2fb;
  --p200: #ebe7f5;
  --p400: #b0a3d4;
  --p: #6651a1;
  --p600: #533f88;
  --p700: #3f2f6e;

  /* Neutrals */
  --surface: #ffffff;
  --bg: #f5f2fb;
  --border: #e4e4e7;
  --border2: #d4cce9;
  --text1: #333333;
  --text2: #52525b;
  --text3: #a1a1aa;

  /* Semantic */
  --green: #16a34a;
  --red: #c93e3e;
  --amber: #d97706;
  --blue: #077bed;
  --pink: #d4537e;

  /* Surfaces */
  --canvas-bg: #fdfcff;

  /* Radius & chrome */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --bar-h: 56px;

  /* Type */
  --font-sans: "Nunito Sans", system-ui, sans-serif;
}