:root {
  --accent: deeppink;
  --white: #fff;
  --gray-50: #f7f7f7;
  --gray-100: #efefef;
  --gray-200: #dedede;
  --gray-300: #c9c9c9;
  --gray-500: #777;
  --gray-700: #333;
  --gray-850: #191919;
  --black: #000;
  --radius: 18px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
*::selection { background: var(--accent); color: #fff; }

body {
  --bg: var(--gray-50);
  --panel: var(--white);
  --panel-2: var(--gray-100);
  --line: var(--gray-200);
  --text: var(--black);
  --muted: var(--gray-500);
  --placeholder: var(--muted);
  margin: 0;
  min-height: 100dvh;
  overflow: hidden;
  background: var(--gray-50);
  color: var(--black);
}