/* ===================================
   MYSLF.AI DESIGN TOKENS v2.0
   Warm palette + Inter
   =================================== */

:root {
  /* --- Warm Grays --- */
  --gray-50:  #f5f2ee;
  --gray-100: #e8e5e0;
  --gray-200: #d7d2cb;
  --gray-300: #c5c0b8;
  --gray-400: #b0aaa4;
  --gray-500: #9a9590;
  --gray-600: #827d78;
  --gray-700: #6b6560;

  /* --- Brand --- */
  --black:      #111827;
  --blue:       #3b82f6;
  --terracotta: #c45a3c;

  /* --- Fonts --- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* --- Base typography --- */
body {
  font-family: var(--font-sans);
}

.font-mono, code, pre, kbd {
  font-family: var(--font-mono);
}