:root {
  /* Colors */
  --canvas: #F7F6F3;
  --surface: #FFFFFF;
  --surface-hover: #FAFAF9;
  --border: #EAEAEA;
  --border-muted: #F0EFEF;
  --text-primary: #111111;
  --text-secondary: #787774;
  
  /* Pastels for signals/categories */
  --pale-red: #FDEBEC;
  --pale-red-text: #9F2F2D;
  
  --pale-blue: #E1F3FE;
  --pale-blue-text: #1F6C9F;
  
  --pale-green: #EDF3EC;
  --pale-green-text: #346538;
  
  --pale-yellow: #FBF3DB;
  --pale-yellow-text: #956400;

  /* Typography Fonts */
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Newsreader', Georgia, Cambria, 'Times New Roman', serif;
  --font-mono: 'SF Mono', JetBrains Mono, monospace;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
}